Modular CSS

A session at Topconf Linz 2017

Wednesday 1st March, 2017

11:10am to 11:50am (CET)

Nowadays, lots of JavaScript frameworks and UI libraries are focusing on building UI components. With the rise of ES2015 modules and modern build tools, we are now able to split our JavaScript codebase into smaller pieces that encapsulate their behavior and logic. And yet many projects are still putting generic class names and selectors into a huge CSS file. The fact is, styles are a part of components and deserve to be treated same way we treat JS. CSS deserves to be scoped and modular and have better tools that improve the developer experience.

This talk does a short retrospective of the problems we have with how we write, organize and bundle CSS and how we can improve it by using a better folder structure, naming conventions and local scope, post-processors like PostCSS and bundlers like webpack.

We’ll see how, by combining the power of JavaScript and AST, we can avoid CSS’s bad parts, embrace good ones and even use it to create a better tooling for CSS.

About the speaker

This person is speaking at this event.
Andrey Okonetchnikov

Freelance UI-Developer okonet.ru

Sign in to add slides, notes or videos to this session

Topconf Linz 2017

Austria Austria, Linz

28th February to 2nd March 2017

Tell your friends!


Time 11:10am11:50am CET

Date Wed 1st March 2017

Short URL


Official session page


View the schedule


See something wrong?

Report an issue with this session