I AM LISTENING TO
|

WHAT I LIKE

Secure BCrypt hashed passwords for WordPress Fixing broken HTTP Basic Authentication (CGI/FastCGI under Apache)
API     CSS     Design     Development     Flexbox     HTML5     Javascript     jQuery     Mobile     Polyfill     Pre-processor     SASS    

Lets fix the short comings of current CSS integrations – EQCSS / Element queries



14. May 2017


Element queries are a new way of thinking about responsive web design where the responsive conditions apply to elements on the page instead of the width or height of the browser.
Unlike CSS @media queries, @element Queries are aware of more than just the width and height of the browser, you can write responsive conditions for a number of different situations like how many characters of text or child elements an element contains.
Another concept that element queries brings to CSS is the idea of ‘scoping’ your styles to one element in the same way that JavaScript functions define a new scope for the variables they contain.”

Element Query Conditions

Width-based Conditions

Height-based Conditions

Count-based Conditions

Scroll-based Conditions

Aspect-based Conditions

Meta-Selectors

Element Queries




Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz