Introduction

In the beginning, print designers created web designs in Photoshop and exported them as one enormous image, declaring that a web site. It wasn’t pretty.

Designers started to change their ways after realizing that text and multiple images can not only make designs with HTML and CSS, but make great designs. But a part of that process often meant designs would be at least 960 pixels wide or some fixed width.

With the increased adoption of mobile devices like smartphones and tablets that can present a rich web experience in portrait or landscape mode, the desktop browser window width is no longer the standard for which to design. This new mobile component to web design has led us to re-examine our best practices and adopt new techniques. ...

Get Designing Web & Mobile Graphics: Fundamental Concepts for Web and Interactive Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.