Large stylesheets can easily become formidably difficult to deal with. Learn how to refactor stylesheets so you can successfully control the layouts of many web pages at once.
- [Morten] So you've written some CSS, or maybe even handed an existing project where someone else wrote some CSS, or maybe opened an old project where you wrote some CSS a few weeks, or months, or years, or decades ago. And you look at it and you think, hmm, this might need an update. Welcome to CSS Refactoring, the task of taking existing CSS and making it simpler, more efficient, and easier to maintain. We all refactor CSS all the time, whether we're aware of it or not. The trick for turning what can easily become a frustrating and daunting task into something manageable, is to come at refactoring in a structured way and use tools to help the process along.
That's what I want to share with you in this course, how to prepare, plan, and use various tools to refactor your CSS to make it simpler, more efficient, and easier to maintain. Let's get crackin'.
- CSS optimization
- Refactoring many stylesheets
- Structuring CSS
- Reordering properties automatically
- Fixing errors
- Ignoring warnings
- Auditing stylesheets with Chrome
- Quarantining unused code
- Modularizing CSS
- Using task runners
- Optimizing CSS for delivery