- View Offline
- Adding custom number characters to lists
- Managing hanging indents
- Styling nested lists
- Understanding definition lists
- Highlighting table content
- Creating alternating row colors (zebra stripes)
- Building bar graphs and pie charts
Skill Level Intermediate
- [Voiceover] Hi, I'm Joe Lowery. Thanks for joining me for CSS Formatting Visual Data. In this course, we're gonna be examining how you can optimally style your data for the web. So that it best represents your information and meshes visually with a look and feel of your site. We'll cover the gamut of data structures from the straightforward ordered and unordered list to the wildly underused definition list. We'll also examine the workhorse of structural data, tables. In addition to demonstrating core techniques, we'll explore many more advanced options including custom numbering with trailing characters, image bullets, zebra-striping, and responsive tables.
Finally, we'll take a look at using the HTML5 Canvas element to visualize our data. With Canvas, we can build bar charts, pie charts, and even Venn diagrams and so we will. Ready to bring a little sparkle to your data? Me too, let's get started.