CategoryResponsive Design

May 2, 2013 — A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup, an open-source lightbox plugin focused on performance. Read more…

April 25, 2013 — How can we maintain hierarchy as elements on the screen are resized and reflowed? Trent Walton first called attention to the issue with his post “Content Choreography,” which showed how visual hierarchy gets lost when columns are dropped below one another. You need to think about how you’ll want to rearrange blocks of content as your design moves from single to multiple columns. Read more…

April 9, 2013 — A responsive website is not automatically a mobile-friendly website. Modern Web development should be about finding the right balance between server-side and client-side implementation. Today, Jon Arne Sæterås will use a real-life project that his company is working on, with real requirements and pain points, as a reference. Read more…

April 3, 2013 — 80% of people are disappointed with the experience of browsing Web on mobile devices. To meet the high expectations of mobile users, you need a mobile-optimized website. Here, Johan Johansson shows you some techniques that will improve your way into building a snappy mobile Web experience. Read more…

March 21, 2013 — Today there’s no way to accurately design for the Web using physical units, nor will there be for a very long time. But there is a way to design while knowing the physical characteristics of the device. It’s called the “resolution media query”, and it’s been in the specification for media queries for some time. So, how will we use this nifty little feature, exactly? Here’s how. Read more…

March 18, 2013 — A common question on clients and developers minds is, “How can we provide a great Web experience to our users on mobile?” In this article, Matt Stow will try to answer this question. If you can’t convince your clients to start from scratch with a mobile-first philosophy, he hopes this gives you the knowledge, impetus and tools that you need to retrofit their websites! Read more…

March 11, 2013 — In this article, Jordan Moore is going to discuss a few of the lesser practiced elements that are quietly becoming part of the responsive Web design ecosystem under the umbrella of responsible Web design, a design that has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing methodology. Read more…

March 5, 2013 — In this article, Jeremy Girard will detail the process he and his team took when they were redesigning their company’s website. including some of the changes they made along the way, as they worked to build a better responsive website. Read more…

March 2, 2013 — In this article, Vasilis van Gemert will show you several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but there are no “common” screen sizes. You’ll be able to use the theory in this article to better design your content for all different screen sizes. Read more…

February 14, 2013 — The most important metric when considering a mobile Web strategy and weighing responsive Web design against a separate mobile website, is how functional the website is for the user. We know that websites need to always evolve, and that it takes time to implement changes and new features. if you look at those factors in total, responsive Web design has to win out. Read more…