CSS in Depth, Second Edition, Video Edition

CSS in Depth, Second Edition, Video Edition

by Keith Grant
Released September 2024
Publisher(s): Manning Publications
ISBN: None

Watch it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

In Video Editions the narrator reads the book while the content, figures, code listings, diagrams, and text appear on the screen. Like an audiobook that you can also watch as a video.

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

Getting good—really good—at CSS means learning everything that CSS is capable of. 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 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

The more you know about CSS, the more confident you’ll be at tackling any tricky website design! 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 Technology
To deliver truly beautiful frontends, you need to know CSS inside and out. And as CSS grows and matures, even experienced CSS developers will find a whole new set of skills to catch up on! This guide will help you discover everything that CSS is capable of—from the must-knows and brand-new features to the hidden insights you won’t find anywhere else!

About the Book
CSS in Depth, Second Edition, deep dives into the CSS techniques used by the world’s most skilled web developers. Inside, you’ll learn how to build and organize a modular CSS codebase that’s easy to understand, maintain, and reuse. This new edition is fully revised to cover the CSS standard’s latest additions, including cascade layers, logical properties, new color functions, subgrid, and container queries.

What's Inside
  • Vertical centering, margin collapsing, and positioning
  • Dropdown menus and modal dialog boxes
  • Animations to guide user focus
  • Avoiding common CSS pitfalls


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 JavaScript and CSS.

The technical editor on this book was Chris Chinchilla.

Quotes
A systemic approach to CSS, clearly describing what makes the language unique and how all the pieces fit together.
- Miriam Suzanne, Invited Expert on the W3C CSS Working Group

Clear explanations and practical examples demystify complex concepts. An invaluable resource for both new and experienced developers.
- Adam Argyle, Chrome CSS Developer Advocate, Google

An excellent in-depth book diving into the gritty details. Offers a great code-along experience with its examples and explanations.
- Simon Verhoeven, Software Engineer, Itenium

Table of contents

  1. Part 1. Reviewing the fundamentals
  2. Chapter 1. Cascade, specificity, and inheritance
  3. Chapter 1. Inheritance
  4. Chapter 1. Special values
  5. Chapter 1. Shorthand properties
  6. Chapter 1. Progressive enhancement
  7. Chapter 1. Summary
  8. Chapter 2. Working with relative units
  9. Chapter 2. Ems and rems
  10. Chapter 2. Stop thinking in pixels
  11. Chapter 2. Viewport-relative units
  12. Chapter 2. Unitless numbers and line-height
  13. Chapter 2. Custom properties (aka CSS variables)
  14. Chapter 2. Summary
  15. Chapter 3. Document flow and the box model
  16. Chapter 3. The box model
  17. Chapter 3. Element height
  18. Chapter 3. Negative margins
  19. Chapter 3. Collapsed margins
  20. Chapter 3. Spacing elements within a container
  21. Chapter 3. Summary
  22. Part 2. Mastering layout
  23. Chapter 4. Flexbox
  24. Chapter 4. Flex item sizes
  25. Chapter 4. Flex direction
  26. Chapter 4. Alignment, spacing, and other details
  27. Chapter 4. Summary
  28. Chapter 5. Grid layout
  29. Chapter 5. Anatomy of a grid
  30. Chapter 5. Alternate syntaxes
  31. Chapter 5. Explicit and implicit grid
  32. Chapter 5. Additional options
  33. Chapter 5. Alignment properties
  34. Chapter 5. Summary
  35. Chapter 6. Positioning and stacking contexts
  36. Chapter 6. Absolute positioning
  37. Chapter 6. Relative positioning
  38. Chapter 6. Stacking contexts and z-index
  39. Chapter 6. Sticky positioning
  40. Chapter 6. Summary
  41. Chapter 7. Responsive design
  42. Chapter 7. Media queries
  43. Chapter 7. Fluid layouts
  44. Chapter 7. Responsive images
  45. Chapter 7. Summary
  46. Part 3. Modern code organization
  47. Chapter 8. Cascade layers and nesting
  48. Chapter 8. A recommended organization for cascade layers
  49. Chapter 8. The :is() and :where() pseudo-classes
  50. Chapter 8. Nesting
  51. Chapter 8. Summary
  52. Chapter 9. Modular CSS and scope
  53. Chapter 9. Modules composed into larger structures
  54. Chapter 9. CSS scope
  55. Chapter 9. Pattern libraries
  56. Chapter 9. Summary
  57. Chapter 10. Container queries
  58. Chapter 10. A closer look at containers
  59. Chapter 10. Container-relative units
  60. Chapter 10. Container style queries
  61. Chapter 10. Summary
  62. Part 4. Visual enhancements
  63. Chapter 11. Color and contrast
  64. Chapter 11. Gamuts and color spaces
  65. Chapter 11. Using OKLCH to work with color
  66. Chapter 11. Considering contrast for font colors
  67. Chapter 11. Summary
  68. Chapter 12. Typography and spacing
  69. Chapter 12. Web fonts
  70. Chapter 12. Google fonts
  71. Chapter 12. How @font-face works
  72. Chapter 12. Performance considerations
  73. Chapter 12. Adjusting space for readability
  74. Chapter 12. Summary
  75. Chapter 13. Gradients, shadows, and blend modes
  76. Chapter 13. Shadows
  77. Chapter 13. Blend modes
  78. Chapter 13. Summary
  79. Chapter 14. Masks, shapes, and clipping
  80. Chapter 14. Masks
  81. Chapter 14. Clipping paths
  82. Chapter 14. Floats and shapes
  83. Chapter 14. Summary
  84. Part 5. Adding motion
  85. Chapter 15. Transitions
  86. Chapter 15. Timing functions
  87. Chapter 15. Non-animatable properties
  88. Chapter 15. Transitioning to auto height
  89. Chapter 15. Transitioning custom properties
  90. Chapter 15. Summary
  91. Chapter 16. Transforms
  92. Chapter 16. Transforms in motion
  93. Chapter 16. Animation performance
  94. Chapter 16. 3D transforms
  95. Chapter 16. Summary
  96. Chapter 17. Animations
  97. Chapter 17. Animating 3D transforms
  98. Chapter 17. Animation delay and fill mode
  99. Chapter 17. Conveying meaning through animation
  100. Chapter 17. Scroll-based timelines
  101. Chapter 17. One final piece of advice
  102. Chapter 17. Summary
  103. appendix A. Selectors reference
  104. appendix A. Combinators
  105. appendix A. Compound selectors
  106. appendix A. Pseudo-class selectors
  107. appendix A. Pseudo-element selectors
  108. appendix A. Attribute selectors
  109. appendix B. Preprocessors
  110. appendix B. PostCSS
  111. appendix B. Lightning CSS

Product information

  • Title: CSS in Depth, Second Edition, Video Edition
  • Author(s): Keith Grant
  • Release date: September 2024
  • Publisher(s): Manning Publications
  • ISBN: None