Building CSS Foundations
summary
Specificity values land at 1 for elements 10 for classes 100 for IDs 1000 for inline and a million for !important and that math breaks projects; a large travel site stalls because CSS couples to HTML. The fix is modular, class‑based CSS: build a base BTN module with size and primary submodules so input link and button render identically; prefer media object components that work anywhere; enforce hyphenated names, one selector per line, and tools like CSSLint + Grunt and PHP CodeSniffer for automated standards.
AI-written summary · about
chapters (38)
- 0:00Intro
- 1:15CSS Zen Garden
- 2:31Constant Evaluation
- 3:40CSS Specificity
- 4:40Dont Carpet Bomb Your Elements
- 6:49Sidebar div
- 7:35Guess that element
- 8:36Stop making people guess
- 8:52Dont over qualify your declarations
- 10:01Dont let CSS dictate your HTML
- 10:17Make CSS specificity easy
- 10:50Avoid using IDs
- 11:52Modular Development
- 13:05Nicole Sullivan
- 13:35Media Object
- 14:38Inuit CSS
- 16:02Modules Sub Modules
- 17:37SubModule
- 18:16Primary
- 19:04Whiteboard
- 19:24ThemeForest
- 19:46Featured Post
- 20:19Media List
- 21:41Layout Elements
- 23:03Content Context
- 23:56Code Standards
- 27:05Documentation
- 27:33Navigation
- 28:50predictability consistency
- 29:26CSS Code Standards
- 30:44Organization Structure
- 31:07Modularity
- 31:57Tools Resources
- 33:09PHP Code sniffer
- 34:11Recap
- 34:50Consistency predictability
- 35:15For tomorrows developer
- 35:27Complaints
