Subtitle: Why everybody who talks about the importance of semantics is both right and wrong at the same time. I’ve often heard people talk about semantic CSS. That is, the names we come up for ...
How To Develop Scalable And Maintainable CSS - Vanseo Design
Last weekend I came across more ideas about our changing css best practices, specifically a presentation by Andy Hume and an article from Nicolas Gallagher, both of which offer additional thoughts to what I’ve been talking about these last few weeks. I wanted to discuss each a little and more importantly point you to both […]
Why can’t we use Functional CSS and regular CSS at the same time? | CSS-Tri
Harry Nicholls recently wrote all about simplifying styles with functional CSS and you should definitely check it out. In short, functional CSS is another
“Favor composition over inheritance”. This piece of wisdom from Design Patterns, one of the most influential software engineering books, is the foundation of...
Why can’t we use Functional CSS and regular CSS at the same time? | CSS-Tricks
Harry Nicholls recently wrote all about simplifying styles with functional CSS and you should definitely check it out. In short, functional CSS is another
Do you dread styling your apps? Fear that a change might break the styles you crafted through many hours of labour? I'm here to tell you that there's another way.
BEM For Beginners: Why You Need BEM — Smashing Magazine
CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess.
by Sarah Dayan Photo by Iker Urteaga on UnsplashIn Defense of Utility-First CSS“Favor composition over inheritance”. This piece of wisdom from Design Patterns, one of the most influential software engineering books, is the foundation of utility-first CSS. It also shares many principles with functional programming: immutability, composability, predictability, and
BEM by Example | Sparkbox | Web Design and Development
BEM is a popular CSS naming convention. While the fundamentals of BEM are simple and straightforward, mistakes are common. These BEM examples will help you apply this useful naming convention and avoid some of the pitfalls many face when using BEM naming conventions.
ABEM. A more useful adaptation of BEM. | CSS-Tricks
I'm a massive fan of BEM, however there are a few problems I have with the syntax. I've made some slight tweaks to improve on it. I call this adapted syntax ABEM.
Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS." In this post I explain how I got to this point and share some of the lessons and insights I've picked up along the way.