Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Start a free Courses trial
to watch this video
CSS has long been the focus of may poorly performing websites. But with better writing techniques, mobile-first strategies, minifying code and inlining essential "above the fold" CSS can help with load times and increase perceived performance for critical CSS.
New Terms:
OOCSS -- Object Oriented CSS, CSS structural concept pioneered by Nicole Sullivan.
SMACSS -- Scalable and Modular Architecture for CSS, book written by Jonathan Snook
CSS Shorthand -- CSS properties that let a developer set the values of multiple properties within a single CSS rule
Media Query -- CSS technique that constrains a block of CSS until conditions are true
Vendor prefix -- a tool that allows browser developers to release new CSS features before they have been standardized
Automated process pipeline -- a script that executes a series of process aimed at preparing code for production deployment
Npm -- Node Package Manager
Gulp -- a popular automated process pipeline tool written in JavaScript
Optimization Tools:
postCSS
autoprefixer
postcss-zindex
gulp-concat
clean-css
inline-source
Further Reading:
You need to sign up for Treehouse in order to download course files.
Sign up