HTML5 Structural Elements — How I Built This Demo: Part 2

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.

Continue reading

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.

Continue reading

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.

Continue reading

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.

Continue reading

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.

Continue reading