All rights reserved. No part of this publication may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopy, recording or any information storage and retrieval system, without prior permission in writing from the publisher.
Acknowledgements
To Vitaly Friedman and Markus Seyfferth and everyone at Smashing Magazine, for helping to bring this fifth anniversary edition to life and for giving me a platform to share my ideas.
To the best editor in the business, Owen Gregory, for being Lewis to my Morse one more time.
To technical editor Rachel Andrew, for her keen eye for semicolons and knowledge of CSS specifications.
To Natalie Smith and Elliot Jay Stocks, for their cover and interior illustrations.
To Trent Walton and Jeffrey Zeldman, for their forewords.
To Mark Thiele, for my author photo.
To Rachel Andrew (again), Shane Hudson, Mandy Michael and Sara Soueidan, for reading the first edition again and helping to shape the content in the second.
To my dear friends, Rachel Andrew (for the third time), Paul Boag, Vitaly Friedman (again), Owen Gregory (again) Petra Gregorova, Jon Hicks, Leigh Hicks, Drew McLellan, David Roessli, Jared Spool, Jeffrey Zeldman (again), for being there when it mattered and for keeping me safe.
To our clients at Stuff & Nonsense, for agreeing to delay their projects for a second time and being OK with me ignoring their calls and emails while I concentrated on writing; and to Sue Davies, Steven Grant and Joe Spurling for putting up with my bad temper while I wrote.
Finally, but most importantly, to my family, because all that really matters is them.
About the author
Andy Clarkes been called many things since he started designing for the web over fifteen years ago. His ego likes words like ambassador for CSS, industry prophet and inspiring, but hes proudest that Jeffrey Zeldman once called him a triple talented bastard.
Andy runs , a small web design company based in north Wales in the United Kingdom, which specialises in creative visual design for websites and web applications. For seventeen years theyve worked with clients from all around the world. Youll see examples of some of his designs later in this book. Andys a popular public speaker and presents at web design conferences worldwide. He teaches web design techniques and technologies to professional web designers and developers at sold-out workshops all over the world.
He wrote the best-selling . He tweets as @malarkey.
https://stuffandnonsense.co.uk/
https://stuffandnonsense.co.uk/buy/transcendingcss
https://stuffandnonsense.co.uk/buy/hardboiledwebdesign
https://stuffandnonsense.co.uk/blog
https://stuffandnonsense.co.uk/podcast
About the editor
is a professional editor, copy editor and proofreader based in Birmingham, United Kingdom. Owen has experience of working with small, independent and digital publishers from manuscript to print and digital editions. His particular expertise encompasses all aspects of front-end web design and development and hes worked with several well-known authors from the web industry.
About the reviewer
loves beautiful content and doesnt like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive web design workshops and loves solving complex UX, front-end and performance problems in large companies.
About the reviewer
is a freelance front-end developer based in Wiltshire. He helps companies and organisations with their front-end architecture and development workflows. He also speaks and writes about Sass and front-end development.
Previous contributors
The 2010 edition of this book was edited by .
https://twitter.com/fullcreammilk
http://twitter.com/smashingmag
http://twitter.com/StuRobson
https://twitter.com/chrisdavidmills
https://twitter.com/maxvoltar
Foreword
Not every CSS design wizard still lives in his mums basement and cries himself to sleep each night wearing a soiled Tron T-shirt. For theres also Andy Clarke: dapper, charismatic and perpetually brimming with ideas, insights and enthusiasm for the design of great experiences and the experience of great design.
The man is a walking epiphany a King Midas of CSS-powered creativity. And the book youre now browsing may be his greatest gold classic yet. For here youll learn why, when and how to use HTML5 and CSS3 in your daily work. Daily as in every day. Daily as in right now, today.
Every web designer should possess this book, but be warned, it is not for the timid. If you tremble at the thought of your web layout boasting rounded corners in one browser but not another; if the mere notion of even trying a CSS drop-shadow fills you with a sinners remorse, Hardboiled Web Design is so not for you. Leave now. No judgements. Return to your safe, soft-boiled life. Okay, maybe that was a judgement.
But if youre among the restless, enlightened and daring few who embrace the future of web design, and know that we cant get there by clinging to the past, brother slash sister, has Andy got a book for you.
Jeffrey Zeldman
About Jeffrey Zeldman
What can I say about , for people who make websites.
Sure, hes the author of Designing with Web Standards, the book that popularised standards-based HTML and CSS. Hes also my inspiration, my mentor, my critic and my friend. What more can I say?
http://www.zeldman.com/
http://alistapart.com/
http://aneventapart.com/
http://abookapart.com/
Foreword
If youd have told me 5 years ago that the command line would be a core part of my web design workflow Id have likely laughed you out of the room. The same goes for compiling CSS or using something other than floats for layout.
As web designers, we stand on ever eroding foundations of technologies, techniques and tastes. While core concepts might remain constant, the innumerable orbiting details fluctuate as the web evolves. Rarely is there a single solution to a problem, and answers to most questions begin with It depends As thrilling as it is to work in an industry developing so rapidly, the rate of change can be exhausting and often terrifying. How do we keep up?
We work with a medium that encompasses the sum of all human knowledge, but the webs boundlessness can make staying up to date overwhelming. It can be time consuming to wade through disparate, often contradictory sources. Given the webs nonlinear nature, learning seldom feels comprehensivemore like grasping around in the dark.