Harness the power of HTML5 and CSS to create a single UI that works flawlessly on mobile phones, tablets, and desktops—plus everything in-between—now with color images Purchase of the print or Kindle book includes a free eBook in PDF format
Key Features
- Understand what responsive web design is and learn to write effective and future-proof frontend code
- Explore the newest CSS features like view transitions, scroll-linked animations, wide gamut colors, and CSS functions
- Learn brand-new time-saving additions to the HTML language, including dialogs and modals
Book Description
Responsive Web Design with HTML5 and CSS, Fifth Edition, is the very latest, up-to-date version of one of the most comprehensive and bestselling books on HTML5 and CSS techniques for responsive web design. It emphasizes pragmatic application, teaching you all about the approaches needed to build most real-life websites, with downloadable examples for every chapter. Written in author Ben's friendly and easy-to-follow style, this edition covers all the cutting-edge developments in responsive web design and the HTML and CSS languages. It includes methods for better accessibility, techniques for using variable fonts, the latest color manipulation tools, and color spaces now usable in modern browsers. Throughout the book, you'll enjoy in-depth coverage of bleeding-edge features such as scroll-linked animations, view transitions, CSS anchor positioning, CSS layers, functions, container queries, nesting, and more. The concluding chapters feature exclusive tips and approaches for frontend development from the author. By the end of this book, you'll not only have a thorough understanding of responsive web design and what is possible with the latest HTML5 and CSS, but also know how to best implement each technique. This title can be read through as a complete guide or used to dip in as a reference for each topic-focused chapter.
What you will learn
- Use media and container queries to detect things like touch/mouse and color preference within CSS
- Leverage HTML semantics to author accessible markup
- Employ color functions to mix colors and convert between color spaces
- Use SVGs to provide resolution-independent images and learn the most efficient way of displaying them
- Discover CSS custom properties and learn to make use of new CSS functions, including clamp, min, and max
- Add validation and interface elements to HTML forms
- Check whether the frontend code produced by AI tools is effective for your goals
Who this book is for
Are you a full-stack or backend developer who needs to improve their front-end skills? Perhaps you work on the frontend and need a definitive overview of all that modern HTML and CSS has to offer? Maybe you have done a little website building, but you need a deep understanding of responsive web designs and how to achieve them? Perhaps you are using AI tools to produce code and want to check the output? If any of those scenarios sound familiar—this is the book for you! All you need to take advantage of this book is a working understanding of HTML and CSS. No JavaScript knowledge is needed.
