Stories 37

The Big CSS Media Query Mistake

Speckyboy – Obinwanne Hill – Do you ever feel weird when everyone around you is doing something you would ordinarily think is wrong [or not quite ideal at the very least], but somehow no one seems to want to say anything for one reason or another? It's a very strange feeling…

CSS WG Blog - Last Call for Comments on Media Queries Level 4

w3.org – The CSS WG has published its hopefully last Working Draft of Media Queries Level 4. Media Queries allow authors to test and query values or features of the user agent or display device, independent of the document being rendered. They are used in…

Journey to Highly Effective and Maintainable CSS Media Queries

heydesigner.stfi.re – Media queries are great for changing values in sudden snaps at different screen sizes. But, combining the power of calc() and viewport units like vw and vh, we can get an… Since publishing MaintainableCSS I've received some criticism from…

Journey to Highly Effective and Maintainable CSS Media Queries

notes.devlabs.bg – TL;DR: See the checklist for highly maintainable and effective CSS Media Queries at the bottom! ✅ Writing CSS Media Queries is so easy! But writing them in maintainable and highly effective manner… ahhh, not so much! I'll share my…

Journey to Highly Effective and Maintainable CSS Media Queries

Medium – TL;DR: See the checklist for highly maintainable and effective CSS Media Queries at the bottom! ✅ Writing CSS Media Queries is so easy! But writing them in maintainable and highly effective manner… ahhh, not so much! I'll share my…

Use Cases For CSS Vertical Media Queries - Ahmad Shadeed

sidebar.io – iShadeed – Two weeks ago, Sara Soueidan tweeted about the love of CSS Vertical Media Queries, I've remembered that I used them in some projects and so I decided to write an article about them. We all love media queries, don't we? Without them our layouts…

An Introduction to the Reduced Motion Media Query | CSS-Tricks

javascriptkicks.com – The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming content, installing extensions, enabling high contrast display, loading custom stylesheets, or…