This is a collection of responsive techniques made possible by EQCSS that apply styles in situations CSS can't quite reach today without a little help from JavaScript.
EQCSS extends CSS syntax with the following ideas:
1) What if CSS could set a scope for a selector like a @media
query for an element
2) What if CSS could add a block of CSS styles to the page when that selector is true
3) What if CSS could add responsive conditions to that selector
4) What if CSS could evaluate JavaScript from the context of the element you are styling and use those values in the CSS you're applying
And with those four ideas added on top of what CSS already does, here are 50+ techniques you can begin using today:
-
Variables
-
Components
-
Clamped Values
-
Kael Scale
-
Aspect Ratio
-
Evaluated Selectors
-
Pseudo-Class Emulation
-
Element based units
-
Scroll-based
-
Debugging CSS
-
Self-responsive elements