Lesson 1: Performance & Organization

Contents

• Strategy & Structure
• Performance Driven Selectors
• Reusable Code
• Minify & Compress Files
• Cache Common Files

Lesson 12: Writing Your Best Code

Contents

• Be well organized, so that it is easy to read, edit, and maintain
• Be modular and flexible, allowing us to reuse code and patterns as necessary
• Look as if one person wrote it, even if several people contributed

最早使用的系统是Windows，它的特点就是大众化、上手快，后来因为需要Android开发，用上了Ubuntu，它的特点就是应用包安装实在简单，一个“sudo apt-get install”命令搞定。现在，用上了Mac，才知道界面和命令系统完美结合的酸爽。界面的优美易用性无需多言，本文就来看看如何选择开发工具，搭建最趁手的Mac开发环境。

如果你在用Vim，如果你还没听说Vundle、UltiSnips或者YouCompleteMe，那么你一定不要错过这篇文章。

Lesson 11: Organizing Data with Tables

Contents

• The best ways to semantically create tables
• How to make individual table cells span multiple columns or rows
• The structural elements that make up tables
• Different ways to style borders on a table, and how different border properties affect a table’s appearance
• How to vertically align text within a table

Lesson 10: Building Forms

Contents

• How to initialize a form
• Ways to obtain text-based information from users
• Different elements and methods for creating multiple choice options and menus
• Which elements and attributes are best used to submit a form’s data for processing
• How best to organize forms and give form controls structure and meaning
• A handful of attributes that help collect more qualified data

Lesson 9: Adding Media

Contents

• The best ways to add images, audio clips, videos, and inline frames to a page
• Different ways to position images in different situations
• How to provide audio and video fallbacks for older browsers
• Common attributes available to audio clips and videos
• The seamless attribute, which allows us to make inline frames behave as if they are part of the page they are referenced from
• The semantic way to mark up self-contained content, including media

Lesson 8: Creating Lists

Contents

• How to create unordered, ordered, and description lists
• How to properly nest lists inside of other lists
• How to change the list item marker style and position
• How to use a background image instead of a list item marker
• How to horizontally display or float lists

Lesson 7: Setting Backgrounds & Gradients

Contents

• How to add background colors and images to elements
• CSS gradients, both linear and radial, and how to customize them
• How to apply multiple background images to a single element
• New CSS3 properties that allow us to change the size, surface area, and origin of background images

Lesson 6: Working with Typography

Contents

• Adding color to our text to enhance it
• Applying font-based properties, including font-family, font-size, font-style, font-weight, and more
• Applying text-based properties, including text-align, text-decoration, text-indent, text-shadow, and more
• The history behind web-safe fonts and how to embed our own web fonts
  How to properly mark up citations and quotations