Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Take a tour of a workflow that optimizes CSS code for easier navigation, organization, and readability. In this course, author Justin Seeley covers best practices for writing CSS in an easy-to-read format, commenting code, developing a table of contents, and adopting other methods that help produce "cleaner" code. The course also contains tips for speeding up development with some online tools and simplification techniques.
Hi, my name is Justin Seeley, and I'm a staff author here at lynda.com. I want to welcome you to this course on CSS visual optimization. This is a course that focuses on helping you create clean, easy to read CSS code that can easily be interpreted by you, a fellow designer, or even a developer that you hand it off to. During the first part of this course, I'll discuss why clean markup is so important to the web design workflow, and I'll also show you some real world examples of both good and bad CSS. From there I'll take you through organizing your code, wherein you'll learn the importance of creating an outline document, developing a CSS table of contents, and how to properly use indents and line rules to keep your code nice and tidy.
After we've mastered the art of organization, it's time to talk about commenting. Commenting is an essential tool in any coder's tool belt. We'll wrap things up with stuff like creating a master color and typography guide, building a structure template, and also ways to speed up your code and make your website run that much faster. So if you're ready, let's begin our look at CSS Visual Optimization.
There are currently no FAQs about CSS: Visual Optimization.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.