Keeping it simple with CSS that scales - Andy Bell
modulare Webentwicklung
CSS { In Real Life } | A Utility Class for Covering Elements
Tips, tricks and tutorials on the web’s most beautiful language.
Making Our Patterns More Accessible - Cloud Four
Our accessibility best practices have changed a lot in recent years, which we're reflecting in the next version of our design system.
Tailwind CSS Components. Examples and templates
Tailwind CSS examples from components by the community. Tailwind chart, grids, inputs, forms, templates and much more
Tailwind Cheat Sheet
TailWindCSS Cheat sheet. Reference list for all utility classes and CSS properties of Tailwind CSS
The BEMIT naming convention | James Turner
Trying to keep CSS tidy and transparent is never easy, especially on large projects. Fortunately, Harry Roberts' CSS Wizardry is there to help us. In advance of my site redesign, I take a look at his BEMIT approach to naming elements and keeping CSS organised.
Managing CSS Projects with ITCSS - Speaker Deck
DaFED#27 Speaker: Harry Roberts, CSS Wizardry Managing CSS at scale is hard; and a lot harder than it should be. ITCSS is a simple, effective, and as-yet unpublished methodology to help manage, maintain, and scale CSS projects of all sizes. In this talk we’ll take a sneak peek at what ITCSS is and how it works to tame and control UI code as it grows.
Harry Roberts - Managing CSS Projects with ITCSS - YouTube
DaFED#27 Managing CSS at scale is hard; and a lot harder than it should be. ITCSS is a simple, effective, and as-yet unpublished methodology to help manage, maintain, and scale CSS projects of all sizes. In this talk we’ll take a sneak peek at what ITCSS is and how it works to tame and control UI code as it grows.
Manage large-scale web projects with new CSS architecture ITCSS | Creative Bloq
Harry Roberts introduces Inverted Triangle CSS, and explains how to use it to manage your CSS projects.
Manage large CSS projects with ITCSS | Creative Bloq
Harry Roberts introduces Inverted Triangle CSS, and explains how to use it to create, manage and scale your large-scale CSS projects.
ITCSS für WordPress Themes - Jessica Lyschik
Functional CSS
Tailwind versus BEM
There are benefits and drawbacks to every CSS styling approach. Keeping an open mind helps.
Tailwind CSS tutorial: learn how to build websites using a utility-first CSS framework - Themesberg Blog
Start learning about Tailwind CSS with this guide which covers installing via a package manager, generating the configuration file, building a website and reducing the final CSS file.
tailblocks — Ready-to-use Tailwind CSS blocks
Web site created using create-react-app
A More Flexible Workflow
Learn how we adapted our design process workflow to include more prototyping, better design conversation, and new types of deliverables.
BEM Naming Cheat Sheet by 9elements
A visual tool that provides naming-suggestions for CSS classes using BEM naming convention.
Atomic Design Methodology | Atomic Design by Brad Frost
Learn how to create and maintain digital design systems, allowing your team to roll out higher quality, more consistent UIs faster than ever before.
Pattern Lab - atoms-text-input
Warum unsere Pattern Library kein Atomic Design mehr benutzt
tl;dr Wenn ihr eine Pattern Library bauen wollt, guckt euch
Atomic Design | Brad Frost
Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues to evolve, we're recognizing the need to develop thoughtful de
The “Other” Interface: Atomic Design With Sass — Smashing Magazine
As front-end developers and designers, we’re constantly refining two interfaces simultaneously: one for visitors who load the website, the other for developers who have to tackle the code in the future, when adjustments or full-scale redesigns must be made.
Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs
A utility-first CSS framework for rapidly building custom user interfaces.
What is Modular CSS?
Modular CSS is a collection of principles for writing code that is performant and maintainable at scale.
BEM: 4 Hang-Ups & How It Will Help Your CSS Organization
Sparkbox developer Philip Zastrow addresses four common misconceptions about BEM and explains how and why the CSS naming convention of Block Element Modifier helps solve organizational thinking around class names.
The problem with atomic CSS by Adam Silver, designer based in London, UK.
Let's look at all the problems associated with atomic or functional CSS.
Introduction — MaintainableCSS - an approach to writing modular, scalable and maintainable CSS | By Adam Silver
An introduction to MaintainableCSS, an approach to writing modular, scalable and of course maintainable CSS.
Uibot — Infinite UI designs
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.