Fairway Technologies presents a three-part video series on learning about new features in CSS 3. In this three-part series, you’ll learn to use the new layout options in CSS 3 to help you create responsive design layouts without using Bootstrap or any other CSS library. You’ll also learn to manipulate DOM elements using functions, transforms, and transitions. Finally, we’ll show you how to use some of the new styles CSS 3 provides including Media Queries, Pseudo classes, Text effects, Filters, Rounded corners, Drop shadows, and Gradients.
When you want to create a numbered list in HTML, you probably use the <ol> and <li> tags. These work well most of the time, and are pretty flexible when paired up with CSS. You can have the numbers be decimals, alphabetic characters (lower or upper), roman numerals (lower or upper), and more, or you can hide them altogether.
But sometimes you can’t (or just don’t want to) use <li> tags to structure your markup, but you still want automatic numbering. So CSS 2.1 came up with this swanky idea to allow automatic numbering on any element: http://www.w3.org/TR/CSS2/generate.html. It also allows decimal, alpha, roman, and other numbering formats, which is great. And it’s officially supported in Firefox 4+, Google Chrome 10+, Safari 5+, and IE8+, which is also great-ish!