[{"_1":2,"_42":-5,"_43":-5},"loaderData",{"_3":4,"_10":11,"_40":-5,"_41":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9},"user","shoppingCartId","toast","locale","en","routes/_store+/_readers+/email_author.$slug/route",{"_12":13,"_39":-5},"book",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMjA3NTY","title","Enduring CSS","state","published","contactAuthorMethod","email","aboutText","

This is a book to deal with writing CSS for large-scale, rapidly changing web projects and applications.

This isn't actually a book about writing CSS, as in the stuff inside the curly braces. It's a book about the organisation and architecture of CSS; the parts outside the braces. It's the considerations that can be happily ignored on smaller projects but actually become the most difficult part of writing CSS in larger projects.

Here are some of the topics covered in the book:

- The problems of CSS at scale: specificity, the cascade and styles intrinsically tied to element structure.

- The shortfalls of conventional approaches to scaling CSS.

- The ECSS methodology and the problems it solves.

- How to develop consistent and enforceable selector naming conventions with ECSS.

- How to organise project structure to more easily isolate and decouple visual components.

- How to handle state changes in the DOM with ARIA or override selectors.

- How to apply ECSS to web applications and visual modules.

- Considerations of CSS tooling and processing: Sass/PostCSS and linting.

- Addressing the practicalities of using potentially problematic HTML elements.

- Addressing the notion of CSS selector speed with hard data and browser representative insight.

","authors",[26],{"_14":27,"_28":29,"_5":30},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8yMTU2MA","name","Ben Frain",{"_31":32},"avatar",{"_33":34,"_35":36,"_37":38},"url","https://d308did4coypzi.cloudfront.net/avatars/550332/medium/image.jpeg?1445162232","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the author