Sunday, November 13, 2016

"box-sizing" CSS property. Fairness somewhere near.

Bootstrap 4 has selected the initial Internet Explorer CSS box model.

Oh my goodness, there is even "International box-sizing Awareness Day" out of there. "DOWN with big content-box, BORDER-BOX 4LIVE".
It's such a boon for developers that here at CSS-Tricks we observe International Box-Sizing Awareness Day in February.

Look, Bootstrap really uses it _reboot.scss

// Reset the box-sizing
// Change from `box-sizing: content-box` to `border-box` so that when you add
// `padding` or `border`s to an element, the overall declared `width` does not
// change. For example, `width: 100px;` will always be `100px` despite the
// `border: 10px solid red;` and `padding: 20px;`.
// Heads up! This reset may cause conflicts with some third-party widgets. For
// recommendations on resolving such conflicts, see
// Credit:

html {
  box-sizing: border-box;

*::after {
  box-sizing: inherit;

And I cannot fail to mention a handy demo (it wasn’t created for Bootstrap 4, it just shows how box-sizing generally works).

Unbelievable. Were Internet Explorer developers near to front-end people those 15 years ago?

Detailed view on Box Sizing -
W3C vs IE. Time has showed))

Start CSS normalized. Bootstrap's collection

All your knowledge to start some CSS for a new project were already collected, you know.
One of the places is source code of Bootstrap.

Re-read the following before you start:

2. _reboot.scss
1. _normalize.scss

(thanks for Bootstrap 4: New & Cool Features You’ll Love)

Sunday, October 2, 2016

From DIP to DIC. Almost complete but naive.

DIP (Dependency Inversion Principle)
        IoC (Inversion of Control)
                Interface Inversion
                Flow Inversion
                CI (Creation Inversion)
                        Factory patterns
                        Service Locater pattern
                        DI (Dependency Injection)
                                Constructor Injection
                                Parameters (of methods)
                                Setter Injection
                                Interface Injection (by providing a common member for injection)
                                DIC (DI Container). Old IoCC
                                        Structure Map

Monday, February 15, 2016