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-nano
gulp-concat
clean-css
inline-source
Further Reading:
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up