CategoryResponsive Design

May 23, 2013 — When the mockups for the new Financial Times application hit FT Labs desk, Wilson Page knew he and his team had a real challenge on their hands. They were tasked with implementing a far more challenging product, without compromising the performant experience that made the first app so successful. In this article, Wilson Page will discuss some of the changes he made in the latest release and the decision-making behind them. Read more…

May 10, 2013 —

The  element supports a number of different types of fallback content, but the current implementation of these fallbacks is problematic. In this article Dave Newton will explore how the fallbacks work, how they fail and what can be done about it. 

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…