Check out a free preview of the full Introduction to HTML5 and CSS3 course:
The "American Flag: Data Attributes and Stripes" Lesson is part of the full, Introduction to HTML5 and CSS3 course featured in this preview video. Here's what you'd learn in this lesson:

HTML5 Data Attributes are a convenient way to add customization to elements and embed information. More information at http://ejohn.org/blog/html-5-data-attributes/ and a case study at http://sxswcss3.com/ Subtle gradients and CSS3 Gradient picker tools from http://gradients.girzad.com and http://www.westciv.com/tools/gradients/ Placing the blue square on the flag by using layers and absolute positioning, then adding subtle gradients. Older, messier solution for placing the stars Spreading out governors’ names where stars will be Using http://www.fontsquirrel.com to find a font with stars in it. FontSquirrel allows you to generate the font for just a specific character (in this case, a star) so you don’t need to download the entire large file.

Get Unlimited Access Now