Hardboiled Web Design Fifth Anniversary Edition

Completely revised and updated with five new chapters for the responsive era, Hardboiled Web Design: Fifth Anniversary Edition is for designers and developers who want to understand how to use the latest HTML and CSS technologies in their responsive website designs.

About this book

If you’re hungry to learn about making your design process more suited for today’s websites and applications, and how the latest technologies and techniques will make them more responsive, then this is the book for you. Are you ready to get hardboiled?

Who should read this book?

If you’re a front-end developer and you care about markup, you’re in for a treat because we focus on how to use the semantic elements contained within HTML. We also cover the updated microformats2 and WAI-ARIA landmark roles, looking at how they’ll make your markup faster, more responsive and, of course, hardboiled.

If you’re a designer who wants to learn the creative opportunities offered by CSS, this book will teach you how to use new properties including flexbox, background blends and CSS filters and how they will change the way you design and develop for the web.

Topics include

Part 1: Getting Hardboiled

In ‘Getting Hardboiled’ you’ll discover what it means to be hardboiled—for you, your designs and the process you use to make them. In two completely new chapters you’ll learn about designing atoms and elements, and how web design style guides will help your designs. Finally, you’ll find out about designing atmosphere as part of a responsive web design process.

Part 2: Hardboiled HTML

Updated for this fifth anniversary edition, in ‘Hardboiled HTML’ you’ll learn how to use HTML’s semantic elements alongside the BEM naming system. You’ll discover the updated microformats2—simple markup patterns for making data machine-readable—and investigate WAI-ARIA roles. All of these will make your markup faster, more responsive and, of course, hardboiled.

Part 3: Hardboiled CSS

With two brand new chapters, in ‘Hardboiled CSS’ you’ll dive deep into CSS media queries, learning how to style small screens first and how to choose breakpoints based on content rather than devices. You’ll investigate new CSS feature queries, learn about flexible box layouts, and understand web fonts for responsive typography. You’ll find out how to make borders that are full of images, and you’ll wind up knowing how to replace many images with CSS gradients.

Part 4: More Hardboiled CSS

In ‘More Hardboiled CSS’ you’ll discover how to use new background blends and CSS filters. You’ll find out how to transform elements in two and three dimensions using CSS, and how to make state changes smoother with a host of CSS transitions. Finally, you’ll round off this book by learning about multicolumn layout and how to use it for today’s responsive designs.

Buy from Smashing Magazine

Hardboiled Web Design Fifth Anniversary Edition
Published by Smashing Magazine 2015
ISBN (EPUB): 978-3-945749-35-7
ISBN (KINDLE): 978-3-945749-36-4
ISBN (Print): 978-3-945749-37-1

Contact us


Let’s design something fabulous together

Call 01745 851848, tweet or email us.

Answer these questions if you’d prefer to send us a little information about your project before you call.

Our projects start at £5,000 plus VAT with an average project costing between £10,000 and £20,000 plus VAT.

We’ll keep your information private and we won’t share it with anyone else.

Studio address

OpTIC, Ffordd William Morgan,
St. Asaph Business Park,
St. Asaph, Denbighshire, North Wales, LL17 0JD

(Here’s a map showing how to find our studio.)

Registered office

Eversleigh, Lon Capel, Gwaenysgor, Flintshire, North Wales, LL18 6EJ