Design the Web: Using Counters and Resets in CSS

The CSS counter properties support the automatic numbering of HTML elements—much like an unordered list, but on any HTML element. There is no impact on the underlying code and when you move content around, the numbers automatically update. Learn how to use counters in your web designs in this episode of Design the Web. Chris Converse shows how to apply counters to different elements, including headings and captions, and combine, reuse, and reset counters on a webpage.

About the Author

Chris Converse applies design and UX principles to technology, from motion graphics to CSS-driven websites.

Chris Converse graduated from Rochester Institute of Technology with a degree in graphic design. He began his career in print, designing and preparing digital files for commercial offset printing. Chris has spent the last 22 years studying and applying design and interface principles to technology. His work spans various distribution media (CD-ROMs, web sites, and interactive DVDs) and applies many authoring media and techniques (HTML, CSS, JavaScript, AJAX, image optimization, motion graphics, Flash, Director, Shockwave, sound engineering, digital video compression, PHP, and ASP). Chris has a passion for and a commitment to conceiving, creating, and delivering the best possible user experience, regardless of the medium.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 16m 38s
• Instructor: Chris Converse