Posts Tagged ‘Responsive Web Design’
We are pleased to present below all posts tagged with ‘Responsive Web Design’.
Building The New Financial Times Web App: A Case Study
- May 23rd, 2013
- 20 Comments
When the mockups for the new Financial Times application hit our desks in mid-2012, we knew we had a real challenge on our hands. Many of us on the team (including me) swore that parts of interface would not be possible in HTML5. Given the product team’s passion for the ...
Read more...Open Source PluginMagnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)
- May 2nd, 2013
- 39 Comments
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. In ...
Read more...Performance & RWDImplementing Off-Canvas Navigation For A Responsive Website
- January 15th, 2013
- 70 Comments
The varying viewports that our websites encounter on a daily basis continue to demand more from responsive design. Not only must we continue to tackle the issues of content choreography — the art of maintaining order and context throughout the chaotic ebb and flow of the Web browser — but ...
Read more...Coding Q&A With Chris CoyierSVG Fallback, Vertical Rhythm, CSS Project Structure
- October 15th, 2012
- 28 Comments
Howdy, folks! Welcome to more Smashing Magazine CSS Q&A. It works like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very ...
Read more...Device-Agnostic Approach To Responsive Web Design
- March 22nd, 2012
- 66 Comments
This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media queries and breakpoints without any concern for devices. Let’s start our journey by ...
Read more...Techniques For Gracefully Degrading Media Queries
- August 10th, 2011
- 36 Comments
Media queries are the third pillar in Ethan Marcotte’s implementation of responsive design. Without media queries, fluid layouts would struggle to adapt to the array of screen sizes on the hundreds of devices out there. Fluid layouts can appear cramped and unreadable on small mobile devices and too large and ...
Read more...Responsive Web Design: What It Is and How To Use It
- January 12th, 2011
- 139 Comments
Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design ...
Read more...
