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…

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

webdesignernews.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…

CSS Media Queries for Digital Marketers

targetinternet.com – Welcome to the Target Internet guide to CSS media queries for digital marketers! Inevitably, this article will feature some technical language, but we urge you to read on regardless, even if you know very little about web development. Learning…

Simple CSS Media Queries

ByPeople – These Photo Collectios were carefully curated with the best CC0-licensed pictures we could find: A set of business photos, perfect for showing corporate aspects and workplace ambiances. A curated set of photographs with vintage and retro styles.

AtoZ CSS Quick Tip: Creating Responsive Design with Media Queries

JavaScriptKicks – This article is a part of our AtoZ CSS Series. You can find other entries to the series here. View the full screencast and transcript for Media Queries here. Welcome to our AtoZ CSS series! In this series, I'll be exploring different CSS values…

.resizr: CSS Media Queries Testing Online Tool

ByPeople – These Photo Collectios were carefully curated with the best CC0-licensed pictures we could find: A set of business photos, perfect for showing corporate aspects and workplace ambiances. A curated set of photographs with vintage and retro styles.

AtoZ CSS Quick Tip: Creating Responsive Design with Media Queries

SitePoint – This article is a part of our AtoZ CSS Series. You can find other entries to the series here. View the full screencast and transcript for Media Queries Text here. Welcome to our AtoZ CSS series! In this series, I'll be exploring different CSS…

AtoZ CSS Screencast: Media Queries

SitePoint – This screencast is a part of our AtoZ CSS Series. You can find other entries to the series here. The @media rule allows conditional styling of elements. The conditions can be based on the type of media or known characteristics of the device being…

Responsive CSS Patterns without Media Queries

javascriptkicks.com – Let me start by saying that despite the title, this article is not about doing away with media queries or media query bashing in any way. Media queries are incredibly useful and I use them all the time for all sorts of things. However, they don't…