CategoryMedia Queries

July 8, 2014 — Responsive web design has turned out to be somewhat of a case study in the law of unintended consequences, with one of them being breakpoint paranoia. But even without the undue influence that media queries exerts on your selection of these breakpoints, these might not be the droids we’re looking for. In this article, Obinwanne Hill will look at breakpoints beyond screen size and explore different possibilities and practical approaches to using them to create truly adaptive experiences on the web. Read more…

July 22, 2013 — There’s an easy, straightforward way to deliver responsive images that’s supported by all of today’s Web browsers: A CSS background image. However, the approach has some limitations, and it doesn’t work in all cases. But if your requirements aren’t complicated, and if you’re willing to make an extra effort to ensure your images are accessible, CSS background images may be all you need! Read more…

January 9, 2013 — From time to time, when a discussion is taking place about ways to implement responsive images, someone comes along and says, “Hey, guys! What we really need is a media query that enables us to send high-resolution images to people on a fast connection and low-resolution images to people on a slow connection.” At least early on, a lot of people agreed. Read more…

October 24, 2012 — When we code for only a general desktop size, a general tablet size and a general mobile size, we are forgetting about the infinite other shapes and sizes that our devices are and will be in the future. Our goal should be to always present content in order of importance, no matter what size a screen is. Read more…

August 13, 2012 — A new Smashing Magazine CSS Q&A. We picked out some of the best questions about CSS we’ve received from our community and we answered them so that everyone can benefit from the exchange. Read more…

June 14, 2012 — It’s been a couple of years now since the concept of responsive design took the Web design world by storm, and more and more websites are going responsive. But there are still some barriers and potential problems, not the least of these being the challenge of reducing the size of files that you’re sending to mobile devices. Read more…

August 10, 2011 — Media Queries are a great tool to enhance the experience of browsing a website on multiple devices. Find some techniques you can follow to address the problem of browsers that lack media queries support. Read more…

January 12, 2011 — Everything you need to know about responsive design to get started. Let’s explore how to respond to the user’s behavior and environment based on screen size, platform, and orientation. Read more…

July 19, 2010 — This article will demonstrate a technique that uses part of CSS3 that is also unsupported by Internet Explorer 8. However, it doesn’t matter as one of the most useful places for this module is somewhere that does have a lot of support - small devices such as the iPhone, and Android devices. Read more…