Overview
-
Take a tour of a workflow that optimizes CSS code for easier navigation, organization, and readability.
Syllabus
-
Introduction
- Welcome
- Using the exercise files
- The importance of clean code
- Exploring clean vs. messy style sheets
- The importance of the reset
- Developing a CSS table of contents
- Creating section headings
- Indenting your code for readability
- Best practices for class names
- What is a comment?
- Writing single-line comments
- Creating multiline comments
- Using font families
- Avoiding unnecessary tags and classes
- Using CSS shorthand
- Avoiding redundancy with selector groups
- Creating a master color guide
- Creating a master typography guide
- Creating a structure template
- Using a master CSS file
- Removing unnecessary line breaks
- Simplifying comments
- Removing unused selectors
- Using tools to minify your CSS
- Goodbye
