Hardboiled Web Design is a book by Andy Clarke, published in 2010 by Five Simple Steps. The book is aimed at web designers who want to learn how to use the latest HTML5 and CSS3 technologies in their everyday work. The book covers topics such as progressive enhancement, responsive design, typography, layout, media queries, and more.
The book is divided into five parts: Part 1 introduces the concept of hardboiled web design and explains why it is important to embrace the diversity of the web. Part 2 covers the basics of HTML5 and CSS3, and shows how to use them to create semantic and accessible markup. Part 3 explores how to use CSS3 to create visual effects such as gradients, shadows, transforms, transitions, and animations. Part 4 demonstrates how to use media queries and flexible grids to create responsive layouts that adapt to different screen sizes and devices. Part 5 provides some practical examples of hardboiled web design in action, such as a portfolio site, a blog, and a magazine.
The book is written in a witty and engaging style, with plenty of references to hardboiled detective fiction and film noir. The book is also beautifully designed and illustrated, with a striking cover by Kevin Cornell and part opening illustrations by Elliot Jay Stocks. The book is accompanied by a website (www.hardboiledwebdesign.com) where readers can download the code examples and view them in action.
Hardboiled Web Design is a must-read for web designers who want to learn how to use the latest web standards in a creative and progressive way. The book is not only informative and inspiring, but also fun and entertaining. It is one of the best books on web design I have ever read.The book also includes some useful resources and references, such as a list of HTML5 elements and attributes, a guide to CSS3 selectors and properties, a glossary of terms, and a bibliography of books and websites. The book is available in print and digital formats, and can be purchased from the Five Simple Steps website[^1^] or from other online retailers. The digital version comes in PDF, ePub, and Kindle formats, and can be read on any device that supports them.
If you are looking for a book that will challenge you to think differently about web design and inspire you to create websites that are more expressive, adaptable, and future-friendly, then Hardboiled Web Design is the book for you. It will teach you how to use the latest web standards with confidence and creativity, and how to make your websites hardboiled for the modern web.To give you a taste of what hardboiled web design looks like in practice, here are some examples of websites and projects that use the techniques and principles from the book. These examples showcase how HTML5 and CSS3 can be used to create stunning and responsive web experiences that work across different browsers and devices.
Shoes Clues Detective Agency: This is a fictional website for a detective agency, created by Paul Randall. It uses HTML5 elements such as header, nav, section, article, and footer to structure the content, and CSS3 properties such as box-shadow, text-shadow, border-radius, background-size, and background-clip to create visual effects. It also uses media queries to adjust the layout for different screen sizes[^1^].
Hardboiled authors page: This is a page from the book's website, designed by Andy Clarke. It uses HTML5 elements such as figure, figcaption, time, and address to mark up the content, and CSS3 properties such as flexbox, background-blend-mode, filter, and transform to create layout and effects. It also uses microformats 2 and WAI-ARIA landmark roles to enhance the semantics and accessibility of the page[^2^].
DB, a different project: This is a website for a design studio, created by Isaac Bordons. It uses HTML5 elements such as main, aside, details, and summary to organize the content, and CSS3 properties such as grid, animation, pseudo-elements, and clip-path to create layout and effects. It also uses SVG graphics and custom fonts to enhance the visual identity of the website[^3^]. ec8f644aee