Web design books

Art directing for the web
Smashing Magazine. September 2018

Foreword: Trent Walton
Contributions: Stephen Hay, Dan Mall, Mark Porter, David Sleight, and Rob Weychert.

New: Art directing for the web

I’ve written Art Directing for the Web for people who want their work to connect with audiences better. It’s for experienced art directors who work in print, but who need to understand how to apply their knowledge to the web. It’s also for web designers and developers who want to understand art direction and how to make it work for digital products and websites.

Receive previews

Tell me your name and email address, and I’ll send you three emails between now and when the book’s published. They’ll contain previews, progress, plus an exclusive discount code.


  1. Explaining art direction
    1. What art direction means
    2. 50 years of art direction
    3. Stories make experiences
    4. Making art direction work
  2. Designing for art direction
    1. Principle elements of design
    2. Designing layouts and grids
    3. Designing with type
    4. Designing with images
  3. Developing for art direction
    1. Developing layouts with CSS Grid
    2. Developing components with Flexbox
    3. Developing distinctive typography
    4. Developing with images

Examples I teach in Art directing for the Web

Hundreds of practical examples of how to use structural principles of design, layout grids, and typography to art direct your design for the web. Sections on designing for art direction and implementing your designs using CSS Grid, Flexbox, Shapes, and much more.

Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web
Art directing for the web

Hardboiled Web Design Fifth Anniversary Edition

Foreword: Jeffrey Zeldman
Introduction: Trent Walton

Smashing Magazine 2015
ISBN (EPUB): 978-3-945749-35-7
ISBN (KINDLE): 978-3-945749-36-4
ISBN (Print): 978-3-945749-37-1

Hardboiled Web Design

Fifth anniversary edition completely revised and updated with five new chapters for the responsive era. If you’re hungry to learn about making your design process more suited for today’s websites and digital products, and how the latest technologies and techniques will make them more responsive, then this is the book for you.

This book is one of the best in modern day web development.

Tri Ahmad Irfan ★★★★★

Beautifully illustrated and designed, the book itself it’s different than everything you’ll ever see in the category. It’s one of a kind.

J. Pedro Ribeiro ★★★★☆

I think this is the best book about HTML/CSS I’ve ever read! Truly cutting edge, with in depth examples and explanations

Guilherme ★★★★★
Hardboiled Web Design

Five Simple Steps 2010
ISBN-10: 1907828001
ISBN-13: 978-1907828003

Transcending CSS

New Riders Press 2006
ISBN-10: 0321410971
ISBN-13: 978-0321410979

Transcending CSS

As the Web evolves to incorporate new standards and the latest browsers offer new possibilities for creative design, the art of creating Web sites is also changing.

Transcending CSS effortlessly bridges the editorial gap between CSS book and design book, or for that matter, between web design and traditional graphic design; a feat rarely accomplished in our industry.

Cameron Moll ★★★★★

If you are a web designer, not reading this book is not an option.

Charles ★★★★★

Translated into eight languages

Transcending CSS English
Transcending CSS Chinese (Simplified)
Chinese (Simplified)
Transcending CSS Chinese (Traditional)
Chinese (Traditional)
Transcending CSS German
Transcending CSS French
Transcending CSS Italian
Transcending CSS Japanese
Transcending CSS Korean

Other books and chapters

Smashing Book 5
Smashing Book 5 2015. Chapter: ‘Creativity over predictability’
Smashing Book 3
Smashing Book 3 2012. Chapter: ‘Designing atoms and elements’
Web Standards Creativity
Web Standards Creativity APress 2007. Chapter: ‘Designing for Outside the Box’


Designing web accessibility
Designing web accessibility New Riders 2009.
Designing with CSS
Designing with CSS New Riders 2009.
Designing with microformats
Designing with microformats New Riders 2009.
Inspired CSS: Styling for a Beautiful Web
Inspired CSS: Styling for a Beautiful Web New Riders 2008.


I’m available for hire to consult on and design products and websites. Based in North Wales, I travel regularly to work with clients world-wide.

Available from July 2018

Talk to me

For work enquiries email

Or call us on +44 (0)1745 851848


Stuff & Nonsense Ltd.
Eversleigh, Lon Capel
Flintshire, North Wales
LL18 6EJ, UK