The three core ingredients for front-end responsive web design

Yet again I pull a couple of quotes from Ethan Marcotte (Responsive Web Design, 2011, p.9):

So what does it take to create a responsive design? Speaking purely in terms of front-end layout, it takes three core ingredients:
1. A flexible, grid-based layout,
2. Flexible images and media, and
3. Media queries, a module from the CSS3 specification.

These core ingredients can be used to:

create a design that can adapt to the constraints of the browser window or device that renders it, creating a device that almost responds to the user’s needs.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s