CSS Utility Classes and "Separation of Concerns"


125 bookmarks. First posted by nigeljames august 2017.


🎉 It's huge, but it's basically everything I know about writing maintainable CSS:

Utility classes
work  css 
5 days 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
8 days 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 
8 days ago by jefframnani
Really interesting article about "utility first" approach to CSS
components  css  article 
8 days ago by danroc
This is a really good post laying out years of programming history resulting in "functional" CSS.
css 
8 days ago by jasonlong
Outline of history of functional CSS.
architecture  css  programming 
8 days ago by jklina
Tailwind CSS
9 days 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 
9 days ago by skorasaurus
This is a pretty good overview of the Functional CSS approach that leads one inexorably up to Tachyons.io
css 
9 days 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
9 days ago by indirect
This is a really good post laying out years of programming history resulting in "functional" CSS.
from twitter_favs
9 days 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.
21 days 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 
8 weeks ago 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
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.
wd  wd-css  wd-approach 
august 2017 by ericwbailey
on css utility
css  webdesign 
august 2017 by jshwlkr
CSS Utility Classes and "Separation of Concerns" via Instapaper http://ift.tt/2vKHKCn
IFTTT  Instapaper 
august 2017 by bishbashbosh
By Adam Wathan - Aug 7, 2017
articles  CSS  development  semantics 
august 2017 by mycotn
My experience is that building things utility-first leads to more consistent looking designs than working component-first, as unintuitive as it might sound at first.
webdev 
august 2017 by nathanwentworth
CSS Utility Classes and "Separation of Concerns" 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. via Pocket
ifttt  pocket  article  atomiccss  css  design  framework  functional  functionalcss 
august 2017 by jeremyday
It's not about "separation of concerns", it's about "direction of dependency"
workflow 
august 2017 by souldoubt
CSS Utility Classes and "Separation of Concerns" via Instapaper http://ift.tt/2vKHKCn
instapaper-like 
august 2017 by jonathansick
tachyons css, functional css
1-web  2-tutoriel  2-conseil 
august 2017 by vpell
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
css 
august 2017 by Jswindle