Media Queries Articles
-
Adding prefers-contrast to Firefox
When we talk about the contrast of a page, or contrast between web elements, we’re assessing how color choices impact readability. For visitors with low vision, web pages with low or insufficient contrast can be hard to use. In this article, we’ll walk through the design and implementation of the
prefers-contrastmedia query in Firefox, and look at why it's so exciting and important. -
Capturing – Improving Performance of the Adaptive Web
Responsive design is now widely regarded as the dominant approach to building new websites. With good reason, too: a responsive design workflow is the most efficient way to build tailored visual experiences for different device screen sizes and resolutions. Responsive design, however, is only the tip of the iceberg when it comes to creating a […]
-
The making of a hack – Media Query Mario
Like any developer, I love any shiny new tech demo that finds its way into my browser; some of the things people are putting together absolutely blows my mind with the level of creativity and technical skill on show. After attending WebDevConf 2012 in mid October, I felt the usual heightened sense of inspiration that […]
-
Using window.matchMedia to do media queries in JavaScript
For people building web sites, Responsive Web Design has become a natural approach to making sure the content is available for as many users as possible. This is usually attended to via CSS media queries. However, there is a JavaScript alternative as well. Introducing window.matchMedia The way to approach media queries in JavaScript is through […]
-
A simple image gallery using only CSS and the :target selector
Back in the old days of web development and when CSS2 got support I always cringed at “CSS only” demos as a lot of them were hacky to say the least. With CSS growing up and having real interaction features it seems to me though that it is time to reconsider as – when you […]
-
Congrats to our October Dev Derby winners!
Responsive design is more important than ever as people experience the Web on a variety of devices. Web developers can now take advantage of CSS Media Queries to build sites and applications that can be viewed on different screen sizes. So we decided to focus on that for the October Dev Derby. For this challenge, […]
