Skip to content
Hallway
0:00 / 0:00

#itcss#cssarchitecture#specificity

Harry Roberts - Managing CSS Projects with ITCSS

DaFED

2K subscribers • 1 video on Hallway

YouTube
  • Recommended by 4 people: 4 in engineering communities.
  • Presented by Harry Roberts, creator of ITCSS
  • May be out of date. Uploaded 11 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

62K views11 years ago4 recommendations

Web developmentSoftware designCSS and layoutSoftware architecture

Harry Roberts introduces the Inverted Triangle CSS methodology for managing, maintaining, and scaling CSS projects.

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.

Why it's here

4 people recommend this

What people say. Highly recommended as an eye-opening guide to structuring CSS and managing specificity at scale.

Moments people linked to

u/jaredcheedain r/Frontend • Recommends

On “CSS in JavaScript”

…sues people have CSS come from a lack of understanding of how browsers process the CSS stack and how CSS goes from text to pixel. Solutions like this can never work long-term because they are designed to fight against how CSS works rather than work with it. If you want to solve all these problems he lists, use the Inverted Triangle CSS method. * link to this video This is a future proof method that will still work with upcoming CSS4 features unlike the JS options mentioned in the posted video, which get even worse when you implement inline css with the newer features like native CSS variables.…
2View on Reddit

u/_aussieboiin r/Frontend • Recommends

On “Any tips and advice on SCSS best practices and organisation?”

I would say, yeah, more or less depending on project :) but I base my SASS structure form Harry Roberts's ITCSS (Inverse Triangle) check this link to this video and also check slides...great coverage about specificity and so on... :) cheers m8s ;)
1View on Reddit

u/maxisixFront-End Web Developer, Consultantin r/Frontend • Recommends

On “Website after a psd given”

For a JR you did an excellent job. 23 hours was kinda long but you still learning ! Good job. You need to take a look on ITCSS its a great way to have a nice CSS architecture : link to this video p.s its not saas but sass :P
1View on Reddit

u/joren_in r/Frontend • Recommends

On “I'm having some trouble convincing fellow developers how to structure CSS”

Can you make them watch a talk by Harry Roberts (aka csswizardry)? Could be an eyeopener.
1View on Reddit