ColdFront16 • Glenn Maddern: The Future of Reusable CSS

ColdFront
2 HN recommenders · recommended in 2 months, 2016–2019
YouTube
10K views · 10 years ago · talk · intermediate · dated

Glenn Maddern, co-creator of CSS Modules and styled-components, talks at ColdFront 2016 about how reusable CSS and component libraries should be styled. He covers why existing approaches fall short and where CSS theming might head.

HN people point to it as the background reading for how component libraries should be styled, in discussions of styled-components and CSS theming.

“The Future of Reusable CSS: How component libraries should be styled, and why they're not yet”
CSS & front-end design craftDesign systems
#css#componentlibraries#styled-components#theming#front-end

3 comments from Hacker News

a
@anderspitman2019 · in “Glenn Maddern: The Future of Reusable CSS (2016)”
Submitted the video to Hacker News.
RecommendsView on HN
m
@mxstbr2016 · in “Show HN: Styled-components – Use the best of ES6 to style React apps”
> if you only target browsers that support the custom properties spec That "sidenote" is exactly why vanilla CSS has a "Kinda" for theming. Taking a look at caniuse[0], only 66.39% of browsers have support for custom properties – not exactly production ready. That being said, once custom properties are well supported they're an amazing solution for theming! Take a look at this talk Glen (the co-creator of CSS modules and now styled-components) gave at JSConf BP for some hints towards this future: ▶ this video [0]: link
RecommendsView on HN
m
@mxstbr2016 · in “Show HN: Styled-components – Use the best of ES6 to style React apps”
Can I forward you to these four resources? (I realize this might sound like a cop-out answer, but these people have summed up the benefits of CSS-in-JS so much better than I could in two minutes!) [0]: Rendering Khan Academy’s Learn Menu Wherever I Please: Documenting the move from the handlebars + less combo to react and css-in-js, and why KhanAcademy did it [1]: My thoughts on Inline Styles: A great collection of both pros and cons about styles in javascript. Most of those doubts we've tried to solve with styled-components [2]: "Scale" FUD and Style Components: Using components as low-level styling constructs [3]: Ryan's random thoughts about inline styles: Explaining some benefits of using styles in js BONUS [4] The Future of Reusable CSS: How component libraries should be styled, and why they're not yet ---- [0]: link [1]: link [2]: link [3]: link [4]: ▶ this video
RecommendsView on HN