CategoryResponsive Design

October 15, 2012 — Another Q&A with questions regarding CSS Project Structure, When To Use OOCSS, Fallbacks For SVG and more! Let’s keep sharing knowledge with our community. Read more…

October 8, 2012 — Navigation menus are elements that can change dramatically in responsive websites. The change from a large context to a small context often requires changing the navigation pattern to something rarely seen on the Web until the arrival of responsive design. Read more…

September 24, 2012 — Your customers are now interacting with your website on countless different devices. In this post, the authors discuss a useful tool for addressing the control over the Web user experience and the ability to map your business requirements to the interactions that people have with your website. Read more…

September 24, 2012 — This article will cover most of the things needed to be considered when opening a device lab. It will also work as a guide and give practical tips: things like location, how to get devices, what devices to get and what software to use. Read more…

August 30, 2012 — In this post, Andreas Bovens shares an introduction to how Opera Mobile Emulator can help you optimize your responsive designs. Try it out for yourself! Read more…

August 22, 2012 — Brad Frost analyzes the websites and techniques of the two US presidential candidates of 2012: Barack Obama and Mitt Romney. Why did the candidates attempted to create mobile-optimized Web experiences? Learn more about an early case of a link between a presidential race and making websites mobile-friendly. Read more…

August 20, 2012 — Reda Lemeden covers some basic notions that are key to understanding the challenges and constraints of designing for multiple display densities, and invites Web designers and developers to offer a pleasurable viewing user experience regardless of the display they are using. 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…

July 19, 2012 — The term “responsive design” has gathered a lot of well-deserved buzz among Web designers. As you probably know, it refers to an easy way to dynamically customize interfaces for different devices and to serve them all from the same website, with no need for a separate mobile domain. Read more…

June 28, 2012 — Most of us are pretty familiar with responsive Web design by now. Basically, it uses a combination of a fluid layout and media queries to alter the design and layout of a website to fit different screen sizes. There are other considerations, too. For example, a lot of work has been done on responsive images, ensuring not only that images fit in a small-screen layout, but that the files downloaded to mobile devices are smaller, too. Read more…