CSS Utility Classes and "Separation of Concerns"


80 bookmarks. First posted by nigeljames 10 weeks ago.


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 
29 days ago 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 
5 weeks ago 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 
7 weeks ago by ericwbailey
on css utility
css  webdesign 
8 weeks ago by jshwlkr
CSS Utility Classes and "Separation of Concerns" via Instapaper http://ift.tt/2vKHKCn
IFTTT  Instapaper 
9 weeks ago by bishbashbosh
By Adam Wathan - Aug 7, 2017
articles  CSS  development  semantics 
9 weeks ago 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 
9 weeks ago 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 
9 weeks ago by jeremyday
It's not about "separation of concerns", it's about "direction of dependency"
workflow 
9 weeks ago by souldoubt
CSS Utility Classes and "Separation of Concerns" via Instapaper http://ift.tt/2vKHKCn
instapaper-like 
9 weeks ago by jonathansick
tachyons css, functional css
1-web  2-tutoriel  2-conseil 
9 weeks ago by vpell
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
css 
9 weeks ago by Jswindle
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."
Programming  CSS  Tips 
9 weeks ago by davidakennedy
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.
9 weeks ago by fling
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
9 weeks ago by leonbarnard
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 louderthan10
RT @adamwathan: 🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
css  html  soc 
10 weeks ago by WimLeers
CSS Utility Classes and "Separation of Concerns"
from twitter
10 weeks ago by jackysee
An amazing article
css  web  design 
10 weeks ago by timotheus
CSS Utility Classes and "Separation of Concerns" ➤ http://walt.im/2fvYqHy
10 weeks ago by wesy2kn1
RT : 🔥 Why I abandoned semantic CSS for utility classes:

(in case you missed it! 😄)
from twitter
10 weeks ago by coltcha
But as we've already seen, they have a lot in common from a design perspective.
#css  #webDev  #stylesheets  #methodology 
10 weeks ago by juliannorton
This is one of the best "CSS Methodologies" articles I've read in a very long time
from twitter_favs
10 weeks ago by davidhund
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.
10 weeks ago by gzhihao
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
web  css 
10 weeks ago by ebarbeito
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 than
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 elivz
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.
fridayfrontend  css  atomic  semantics  components  modular 
10 weeks ago by spaceninja
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 
10 weeks ago by trisignia
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
from twitter_favs
10 weeks ago by kevincoffey
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
from twitter_favs
10 weeks ago by adz
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
from twitter_favs
10 weeks ago by kskillett
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
from twitter_favs
10 weeks ago by jelmer
🎉 It's huge, but it's basically everything I know about writing maintainable CSS:
from twitter_favs
10 weeks ago by nigeljames