Keeping Your HTML Semantic with SASS
summary
Argues that layout should live in styles not markup and shows a working site built with Sass + Susy + Compass + Breakpoint that drops Bootstrap-style column classes from HTML, produces compressed production CSS/HTML, and adapts columns and icons across breakpoints. Describes a reproducible workflow: modular Sass, Gulp build with live reload, package.json–pinned plugins, and automated dev vs production tasks. Cites a user survey (about 83% who tried Sass liked it), and the demo proves the approach shrinks and maintains code.
AI-written summary · about
chapters (8)
- 0:00Start
- 1:14I love frameworks
- 2:42Problems
- 5:10What I'll be showing you
- 14:35Why you need preprocesing
- 15:21Addiction rates
- 15:46Less vs Sass?
- 28:50Use variables in layouts
related talks
26mRapid Templating: "Designing in the Browser" with Sass, Compass, and Serve
43mResponsive Design: now 90% easier with SASS!
50mEffortless Style
57mSolving Layout Challenges With Pure Sass
47mSolving Layout Challenges With Pure Sass
38mThe Joy of CSS
42mUnder the Hood of Modern CSS Frameworks
04mCSS tests