Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Because Scroll-Driven Animations are only active when there is scrollable overflow, it is possible to use them as a mechanism to detect if an element can scroll or not.
Because Scroll-Driven Animations are only active when there is scrollable overflow, it is possible to use them as a mechanism to detect if an element can scroll or not.
With a greater proliferation of devices than ever before, we developers can no longer rely on viewport size as the factor that determines the styles we serve up to our website users.
Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class. Using hidden inputs and labels, we will create an accordion that will animate the content areas on opening and closing.
Comic-book style text effects with SVG
Making shapes with clipping paths in CSS
Fix positioning for fixed elements in iOS and others where the keyboard is active
Escaping special characters in CSS
Some lesser known CSS features
Valid points, but LESS also provides extend features
Flexbox navigation example
Pretty nice looking font icons, might be worth a try?
Seems like an interesting concept