Quick Guide to Writing Maintainable, Scalable CSS
summary
A practical overview of modern techniques and methodologies for writing cleaner, more maintainable and scalable CSS, including recent advances in the CSS specification and browser support that let developers stop relying on old hacks. Covers concrete approaches to structuring CSS for maintainability and scalability.
AI-written summary · about
chapters (23)
- 0:00A QUICK GUIDE FOR WRITING MAINTAINABLE AND SCALABLE CSS
- 3:01WHAT'S THE PROBLEM WITH CSS?
- 3:45global by default
- 4:48It has a complex specificity system
- 6:241 #ID 2 Classes & Attributes 3 Elements
- 8:11Avoid #selectors. Use nesting wisely. Don't over qualify.
- 12:21WRITING MODULAR CSS
- 12:39Components are bits of User Interface
- 12:52Encapsulation. Composition. Documentation.
- 14:01OOCSS. SMACSS. BEM. ITCSS.
- 14:53We'll only talk about its naming conventions
- 15:18Feo. Fuerte. Formal.
- 15:58Element Modifier
- 18:36Best project organization
- 19:17BEM... improves semantics. avoids inheritance. reduces specificity.
- 19:29Prefer duplication over the wrong abstraction
- 20:49What about JavaScript?
- 21:58CUSTOM PROPERTIES THE CSS BUILT-IN VARIABLES
- 23:47FLEXBOX A NEW LAYOUT MODEL
- 24:47Declarative. Dynamic. Direction-agnostic.
- 25:21Vertical centering. Sticky footer. Full-height columns. Holy Grail layout.
- 27:48THE FUTURE CODEMOTION 2017
- 28:01Web Components. CSS Modules. Grid Layout
related talks
51mMaintainable and Scalable CSS
24mIs It Time for Clean CSS?
24mScalable CSS: Challenges and Rewards of an Uphill Journey
35mCSS Methodology and Architecture for Clean, Flexible Styles...
29mThe evolution of scalable CSS
49mBuild Scalable, Automated CSS
44mXXLCSS: a Battle Plan for Scaling CSS
24mCSS: Children of a Lesser God