a collection of "stuff" that's super-useful to remember
### pseudo-elements
- trying to access the
contentof a pseudo-element usinggetComputedStyle( element:HTMLElement, pseudo:String )when the pseudo-element isdisplay : none;will return empty string"", regardless of what content is actually inside the pseudo element in your stylesheet. - firefox <= 29.0.1 counts the first character of any generated content in an element's
:beforepseudo-element as its:first-letter, chrome ~34 does not.
- remember using css transforms creates a new stacking context.
unless you know what you are doing, then do not — DO NOT — apply that shizzle to the
<body />
-
don't add a
transitionto an element using ananimationor you may get unexpected results in certain browsers, e.g. firefox 26. -
fix flickering — or f**ked — animations/transitions — that utilise
translateZortranslate3d— in webkit by adding:backspace-visibility : hidden; perspective : 1000;
to the same selector rule.