Uibot — Infinite UI designs
modulare Webentwicklung
Could Grouping HTML Classes Make Them More Readable? | CSS-Tricks
CSS Utility Classes and "Separation of Concerns"
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.
Simplify Styling with Functional CSS | Rangle.io
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.
The perils of functional CSS (atomic CSS) | Browser London
Functional CSS (sometimes called atomic CSS) has risen in popularity recently, but what are it's benefits and what type of teams and projects does it suit?
Cyclomatic Complexity: Logic in CSS – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
.u-glue: A positioning pattern (algorithm? API?) | Lara Schenck
.u-glue is a CSS utility class (or what I would call an algorithm) that provides an API for positioning an element absolutely over another element. We are using it at PMC, and it's proven a useful model!
Creating Atomic Components That Will Blow Your Mind — an article by Paul Ha
Special thanks to Jamie Street , Jimmy Musto , Jens Johnsson , Sergi Viladesau , Princess Buttercup , and all the fine folks at…
Semantic CSS - Snook.ca
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 ...
rscss
Managing Z-Index In A Component-Based Web Application — Smashing Magazine
The z-index property, despite all that’s written about it, is still widely misunderstood and mishandled. Stacking issues in a complex single-page web application can become a major pain. Adhering to some principles, however, we can easily avoid these issues.
A Year of Utility Classes
Last year at Mud we adopted a utility-first approach to CSS (also known as atomic CSS). Specifically we decided to use TailwindCSS, a…
How to style different sites with one CSS collection – Inside Insider – Medium
How one CSS collection can define the styles for multiple sites that look different.
Atomic Design is messy, here's what I prefer
Wow, what a clickbaity headline – it makes me apologize to Brad Frost in this very first sentence. But now that I got your attention, let me elaborate
A new focus, a new site – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
Redesigning CSS Wizardry to better suit my needs
NHS – NHSx eLearning platform – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
Working in intense sprints to help build an eLearning platform for the NHS
Pure
A layout example that shows off a responsive photo gallery.
Brett Jankord – Thoughts on semantic HTML class names and maintainability
The discussion of semantic HTML class names is one that goes back quite a while. While many great frontend developers have discussed back…
CSS Style Guides | CSS-Tricks
As we wrap up our recent poll on ordering CSS properties, it brings up the larger issue of CSS style guides. Ordering properties is just one choice you
‘Scope’ in CSS – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
Applying the concept of scope to our CSS
When Bootstrap Attacks! by pamelafox
A presentation created with Slides.
Brad Frost @ #btconf | Jan Beck
“Atomic Design” - notes from Brad Frosts talk at Beyond Tellerrand 2013.
Methods for Modifying Objects in OOCSS (@extend: A Fool’s Gold) – Oliver Joseph Ash
Naming UI components in OOCSS – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
A way of giving complex, OOCSS-built components more meaningful names
OOCSS & RWD - Andrew Hathaway
Page you are looking notfound
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
A Tale of Two Buttons – Buildit @ Wipro Digital – Medium
Making the case for embracing CSS's cascade to create more adaptable and easier to use UI components
In Defense of Utility-First CSS | frontstuff
“Favor composition over inheritance”. This piece of wisdom from Design Patterns, one of the most influential software engineering books, is the foundation of...
What is Tailwind? - Tailwind CSS
A utility-first CSS framework for rapidly building custom user interfaces.