- It's entirely possible to write valid, working CSS…but have the actual code be a hot mess…of confusion and inconsistency.…In this movie, I'd like to share some tips for keeping…your CSS clean and well organized.…My first piece of advice is to use comments liberally.…Comments help other people understand your code,…and frankly they help you understand your code…if you've been away for a while…and come back to look at it, it helps…you see what exactly is going on.…As an example, here's normalize.css and if we look…at the source code, we can see that indeed the author…has used comments liberally.…
So we have it broken up into sections,…and then within sections we have got descriptions…of exactly what's happening below.…Various developers have their own systems…for commenting CSS, so you'll see some different styles…as you look at other peoples code.…But the bottom line is whatever way you choose,…do definitely use comments.…The next thing I want to mention is to use…consistent naming conventions.…And when I'm talking about naming conventions,…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.