Methodologien

143 bookmarks
Newest
Modular and Descriptive Class Names
Modular and Descriptive Class Names
What’s the big deal, just name it the first thing that makes sense, right? It makes sense now, so it will probably always make sense! .btn–small, .btn–tiny, .btn–really-tiny…
·jerryjones.dev·
Modular and Descriptive Class Names
B is for Block: An Intro to the BEM Naming Convention
B is for Block: An Intro to the BEM Naming Convention
BEM (Block, Element, Modifier) is a great way to keep class naming consistent and meaningful. If you’ve never used BEM before but want to understand how it works, or if you’re thinking …
·jerryjones.dev·
B is for Block: An Intro to the BEM Naming Convention
Tailwind Cheat Sheet
Tailwind Cheat Sheet
TailWindCSS Cheat sheet. Reference list for all utility classes and CSS properties of Tailwind CSS
·tailwindcomponents.com·
Tailwind Cheat Sheet
The BEMIT naming convention | James Turner
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.
·jamesturneronline.net·
The BEMIT naming convention | James Turner
Managing CSS Projects with ITCSS - Speaker Deck
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.
·speakerdeck.com·
Managing CSS Projects with ITCSS - Speaker Deck
Harry Roberts - Managing CSS Projects with ITCSS - YouTube
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.
·youtube.com·
Harry Roberts - Managing CSS Projects with ITCSS - YouTube
BEM Naming Cheat Sheet by 9elements
BEM Naming Cheat Sheet by 9elements
A visual tool that provides naming-suggestions for CSS classes using BEM naming convention.
·9elements.com·
BEM Naming Cheat Sheet by 9elements
BEM: 4 Hang-Ups & How It Will Help Your CSS Organization
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.
·seesparkbox.com·
BEM: 4 Hang-Ups & How It Will Help Your CSS Organization
CSS Utility Classes and "Separation of Concerns"
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.
·adamwathan.me·
CSS Utility Classes and "Separation of Concerns"