What this book covers
Chapter 1, The Essentials of Responsive Web Design, is a whistle-stop tour of the key ingredients in coding a responsive web design.
Chapter 2, Writing HTML Markup, covers all the semantic elements of HTML5, text-level semantics, and considerations of accessibility. We also cover how to insert media such as video into our pages and how to use the new dialog element.
Chapter 3, Media and Container Queries, covers everything you need to know about CSS media and container queries: their capabilities, the syntax, and the various ways you can wield them.
Chapter 4, Fluid Layout and Flexbox, covers how to convert designs into proportional layouts and provides a thorough exploration of Flexbox layouts.
Chapter 5, Layout with CSS Grid, is a deep dive into the two-dimensional layout system of CSS grid, and how to make use of the newer subgrid property.
Chapter 6, CSS Nesting, Layers, Selectors, and More, gets us to grips with the endless possibilities of CSS selectors and feature queries, as well as how to organize your style sheets with CSS layers and write them using CSS nesting.
Chapter 7, Web Typography, is your one-stop resource for getting up to speed on all things web typography – not just how to display fonts but fine details such as loading optimizations and new wrapping capabilities.
Chapter 8, CSS Color, covers the latest developments in expressing colors and color manipulation, including Lab/LCH and P3 color, as well as how to wield functions such as color-contrast and color-mix.
Chapter 9, Stunning Aesthetics with CSS, covers CSS filters, box shadows, linear and radial gradients, multiple backgrounds, and how to target background images to high-resolution devices.
Chapter 10, Responsive Images, covers how to make use of new image formats such as AVIF and WebP, and how to make the most relevant version of an image available to the browser.
Chapter 11, SVG, teaches us everything we need to use SVG graphics inside documents and as background images, as well as how to interact with them using JavaScript.
Chapter 12, Transitions, Transformations, and Animations, gets our CSS moving as we explore how to make interactions and animations using CSS.
Chapter 13, Custom Properties and CSS Functions, covers the many benefits of custom properties, then moves on to the utility of new CSS functions such as min(), max(), and clamp().
Chapter 14, Forms, shows us how the latest HTML5 and CSS features make interacting with forms easier than ever before. Many HTML input types give you easy access to the relevant software keyboard on mobile devices.
Chapter 15, Cutting-Edge CSS Features, covers how to use view transitions to move the UI between different states, how to apply scroll-driven animations with no JavaScript, and understanding CSS anchor positioning for popovers, menus, and more.
Chapter 16, Bonus Techniques and Parting Advice, explores the essential considerations before embarking on a responsive web design and also provides a few last-minute nuggets of wisdom to aid you in your responsive quest.
