Skip to main content

This site shows exactly how responsive web design should be done

The homepage links to all the different resources in a fuss-free manner

The homepage links to all the different resources in a fuss-free manner

Ethan Marcotte (opens in new tab) is the designer who coined the term 'responsive web design' four years ago in an A List Apart article that was shortly followed by a descriptive book on responsive theory and practice. (If you're not sure what it is then check out Get Started with Responsive Web Design (opens in new tab)).

More recently he's teamed up with with Karen McGrane (opens in new tab) (author of Content Strategy for Mobile, published by A Book Apart), launched a site that links together workshops, public events and a podcast, simply but beautifully.

The site sets speed as its first concern

The site sets speed as its first concern

Perfectly aligned with Marcotte's book branding, Responsivewebdesign.com (opens in new tab) the site sets speed as its first concern, says Marcotte. "Performance was a priority for us. I set up a simple performance budget, and it was actually freeing to view the site's design through that lens. There's still plenty of work we can do, but it's satisfying to see how quickly our site loads over a spotty 3G connection."

"We're using Grunt to manage common tasks and a number of Filament Group-produced utilities to keep progressive enhancement and performance front-and-centre," adds Marcotte. He also mentions such tools as grunticon, grunt-criticalcss, CSS and JavaScript loaders, as well as fixed-fixed.js.

Keep up to date with RWD developments via the podcast

Keep up to date with RWD developments via the podcast

The result is a beautiful and faultless example of responsive web design in action – and a great resource on the subject to boot.

Words: Karolina Szczur (opens in new tab)

Karolina Szczur is a designer, developer, photographer and writer at &yet. She's also an open source aficionado and runs CSSConf (opens in new tab) in Oakland, California.

Like this? Read these!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.