You are previewing Hardboiled Web Design: Fifth Anniversary Edition.
O'Reilly logo
Hardboiled Web Design: Fifth Anniversary Edition

Book Description

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.

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?

What you'll learn:

You’ll discover about 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.

You’ll learn how to use HTML’s semantic elements alongside the BEM naming system. You’ll discover the updated microformats 2 — 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.

You’ll dive deep into CSS Media Queries, learning how to style small screens first and how to choose breakpoints that are based on content rather than devices. You’ll investigate new CSS Feature Queries, learn about Flexible box layouts and using 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.

You’ll discover about 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.