As I mentioned last week, it’s one thing to learn how to use the new HTML5 structural elements and another to actually use them. In the past I’ve found using some of the HTML5 elements like aside seemingly easy to understand, but more difficult to use in practice.
Tag: demo
HTML5 Structural Elements — How I Built This Demo: Part 1
It’s one thing to learn how the new HTML5 structural elements are supposed to be used. It’s another to actually use them in practice.
Responsive Images Demo—Srcset, Picture, and Image-Set
It’s one thing to understand how to do something and another to actually do it. For the last few weeks I’ve been talking about responsive images, specifically the srcset attribute, the picture element, and the image-set() value on the background-image property. Along the way I promised a demo, which I’m presenting today.
CSS Clipping and Masking: Examples and Observations
On Monday I walked through the spec for css clipping and masking. Since the post grew a little long, I promised some examples for today. I’ll also offer a few observations at the end of the post.
CSS Grids: Examples and Code for Common Layouts
Earlier in the week I walked through the css grid layout module. There was a lot to cover and as the post grew long I saved some real examples for today.