Chapter 7. Applying ECSS to Your Website or Application

In this Chapter we are going to cover the following topics:

  • Applying ECSS to logic modules
  • Applying ECSS to visual modules
  • Organising modules, their components and naming files
  • Working with generated content from a CMS
  • ECSS and global styles

ECSS is a good match for complex web applications. First up, let's consider how we might apply ECSS around the logic of a large application.

Applying ECSS to logic modules

Typically, in a web application, some programming language (e.g. JavaScript/TypeScript/Ruby/whatever), will be generating a thing.

It's often practical and desirable to use the file name of that thing as the name of the module (or component of a module). Therefore, if a file is called Header.js ...

Get Enduring CSS now with the O’Reilly learning platform.

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