Название: CSS in Depth, Second Edition (MEAP v8)
Автор: Keith J. Grant
Издательство: Manning Publications
Год: 2024
Страниц: 624
Язык: английский
Формат: epub
Размер: 67.9 MB

To create web designs that delight, entertain, and impress your users, you need to know CSS in depth!

Go beyond the basics of CSS and discover web design techniques that range from clever to mind-blowing! This totally revised new edition of CSS in Depth expands your CSS skills with the patterns, layouts, and methods you need to deliver truly beautiful front ends.

In CSS in Depth, Second Edition you will learn how to:
Create a web page with layout methods
Develop essential website components, like dropdown menus and modal dialog boxes
Make your website fully responsive across devices
Organize your CSS for easy future maintenance
Implement designer mockups with attention to detail
Use animations to guide user focus
Avoid common CSS pitfalls

CSS in Depth has given thousands of web developers the tools and the inspiration to make sites that really pop. This second edition is packed with the latest best practices, new CSS language features, and essential advice on how to organize and maintain your CSS codebase.

about the book
CSS in Depth, Second Edition deep dives into the CSS techniques used by the world’s most skilled web developers. It builds an in-depth understanding of how CSS works the way it does, with a laser focus on essential topics like vertical centering, margin collapsing, and positioning. Inside, you’ll learn how to build and organize a modular CSS codebase so that it’s easy to understand, maintain, and reuse.

This new edition is fully revised to cover the latest additions to the CSS standard, such as cascade layers, logical properties, new color functions, subgrid, and container queries. Bottom line: this book will make you a better web designer and your apps will look fantastic!

Fundamentally, CSS is about declaring rules: Under various conditions, you want certain things to happen. If this class is added to that element, apply these styles. If element X is a child of element Y, apply those styles. The browser then takes these rules, figures out which ones apply where, and uses them to render the page.

When you look at small examples, this process is usually straightforward. But as your stylesheet grows, or the number of pages you apply it to increases, your code can become complex surprisingly quickly. There are often several ways to accomplish the same thing in CSS. Depending on which solution you use, you may get wildly different results when the structure of the HTML changes, or when the styles are applied to different pages. A key part of CSS development comes down to writing rules in such a way that they’re predictable.

about the reader
Written for web developers who know the basics of CSS and HTML.

about the author
Keith J. Grant is a Principal Software Engineer at Red Hat, where he works on front-end code for the Ansible Controller web application using jаvascript and CSS.