For web designers, large complex applications can mean large complex battles between CSS and the DOM (Document Object Model). By taking advantage of the Shadow DOM to encapsulate each component in its own “mini DOM,” you can virtually eliminate problems like colliding selectors and visual issues and get back to the fun of web programming with simple CSS!
about the book
Back to Simple CSS: With the Shadow DOM
presents a refresher on CSS basics and an in-depth explanation of cascade, specificity, and inheritance in the Shadow DOM. These three chapters, deftly chosen by web programming expert Ben Farrell, explore the importance of user-friendly CSS layout before a deep-dive into the Shadow DOM with an emphasis on CSS encapsulation, rediscovering the ID attribute for web components, and how to use the new Shadow DOM CSS selectors.
- “Cascade, Specificity, and Inheritance” from CSS in Depth by Keith J. Grant
- “Layout with CSS3” from Hello HTML5 & CSS3 by Rob Crowther
- “Shadow CSS” from Web Components in Action by Ben Farrell
about the author
is a Senior Experience Developer at Adobe working on the Adobe Design Prototyping Team. Ben, alongside his team, helps shape and realize the UX of products and features in the middle ground between design and engineering. Ben has been primarily web focused his entire career, but has worked on award winning projects using a wide variety of platforms and languages.