CSS Utility Classes and "Separation of Concerns"


149 bookmarks. First posted by nigeljames august 2017.


Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional…
IFTTT  Instapaper 
9 days ago by broderboy
An argument for tailwind and other tools for putting what are effectively CSS declarations inline via highly specific classes.
css  webdesign 
18 days ago by mcherm
About HTML semantics and front-end architecture
CSS 
19 days ago by ayush
Argues that "separation of concerns" is the wrong way to think about the CSS vs HTML problem. Instead, think about dependencies: CSS depends on HTML and/or HTML depends on CSS.
css  structure 
7 weeks ago by amitp
evolving toward atomic css (ala basscss)
css  webdev  history  commentary  productivity 
7 weeks ago by inrgbwetrust
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:

Utility classes
work  css 
9 weeks ago by bfulop
Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional…
from instapaper
9 weeks ago by scubaninja
About functional CSS.

I had "separated my concerns", but there was still a very obvious coupling between my CSS and my HTML. Most of the time my CSS was like a mirror for my markup; perfectly reflecting my HTML structure with nested CSS selectors.
css  design  patterns  webdev 
9 weeks ago by jefframnani
Really interesting article about "utility first" approach to CSS
components  css  article 
10 weeks ago by danroc
This is a really good post laying out years of programming history resulting in "functional" CSS.
css 
10 weeks ago by jasonlong
Outline of history of functional CSS.
architecture  css  programming 
10 weeks ago by jklina
Tailwind CSS
10 weeks ago by nsfmc
one of the better articles on css i've read. Reminded me that I'm heading in the right direction; I'm on phase 3, " Content-agnostic CSS components"
CSS 
10 weeks ago by skorasaurus
This is a pretty good overview of the Functional CSS approach that leads one inexorably up to Tachyons.io
css 
10 weeks ago by jdwaterson
Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional…
from instapaper
10 weeks ago by indirect
This is a really good post laying out years of programming history resulting in "functional" CSS.
from twitter_favs
10 weeks ago by jackfranklin
Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional CSS.
11 weeks ago by davidmatas
"Isn't this just inline styles?" he asks. Yes it fucking is. Christ, some people are churning out some fucking ugly and cluttered HTML these days -- "OOCSS" and all that crap. (And CSS is no more "objected oriented" than my granny's arse.)

Learn the cascade, and use it. It's a feature, not a bug.
CSS  HTML  ideas 
july 2018 by decembr14
Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional…
from instapaper
may 2018 by tgecho
author of tailwind discussing the justification of functional utility oriented css in the context of separation of concerns
CSS  functionalCSS  tailwind 
march 2018 by ElliotPsyIT
Adam Wathan "everything I know about CSS"
#dev  #css  #frontend  #ui 
march 2018 by pttrsn
Full Stack Radio
web  CSS  _development 
december 2017 by mcoomans
The case for using utility based class layouts.
css 
october 2017 by jhafner
Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional…
from instapaper
october 2017 by pulsar
Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional CSS."

Writing CSS this way can evoke a pretty visceral reaction from a lot of developers, so I'd like to explain how I got to this point and share some of the lessons and insights I've picked up along the way.
css 
september 2017 by dweidner
I don't agree with all the points here, but there are some interesting thoughts around the relationship between and pros and cons of utility classes and components.
css  web-design 
september 2017 by tremolo