Skip to ContentTIL (Today I learned)
TIL #17
It's possible to identify how many separate fingers are touching the screen.
TIL #16
SVGs are focusable in Internet Explorer. We can set focusable="false" to prevent that.
TIL #15
macOS uses Papyrus as the default font when you define the generic font family “fantasy”.
TIL #14
text-decoration doesn't have to be a solid line. There's also dotted, dashed, double, and wavy.
TIL #13
text-decoration is a shorthand property for text-decoration-line, text-decoration-color, and text-decoration-style.
TIL #12
Overflowing block-level elements with overflow set to scroll or auto are focusable in Firefox.
TIL #11
You can use conditional comments to target specific versions of Outlook.
TIL #10
You can turn the outline of an element to the _inside_ by setting the outline-offset property to a negative value. (Not supported in IE)
TIL #9
You can center a flex-item vertically and horizontally by applying margin: auto; to it.
TIL #8
If you press CMD/Ctrl and click on a property or property value in the style panel, @ChromeDevTools jumps directly to the respective css/scss file and line.
TIL #7
About the @at-root directive. It moves nested styles out from within a parent selector or nested directive.
TIL #6
IE 11 requires a unit to be added to the third argument (flex-basis) of the flex property.
TIL #5
You can use `navigator.connection` to get information about the connection like round-trip time, bandwidth, connection type (e.g. 3g, 4g) or if Data-Saver is enabled.
TIL #4
The grid-auto-flow property takes up to two values. row, column, dense, row dense, or column dense.
TIL #3
You can pass an `options` object, which only has a single property, to the `focus()` method to prevent scrolling on focus.
TIL #2
There's a tab-size property. It controls the width of the tab (U+0009) character.
TIL #1
How to get a random background-color (or any other value) each time I compile Sass.
