Web Development

Headings: Semantics, Fluidity, and Styling — Oh My!

A few links about headings that I’ve had stored under my top hat. “Page headings don’t belong in the header” Martin Underhill: I’ll start with where the <h1> should be placed, and you’ll start to see why the <header> isn’t the right location: it’s the header for the page, and the main page content should live within the <main> element. A classic

Headings: Semantics, Fluidity, and Styling — Oh My! Read More »

Smashing Animations Part 6: Magnificent SVGs With “ And CSS Custom Properties

I explained recently how I use <symbol>, <use>, and CSS Media Queries to develop what I call adaptive SVGs. Symbols let us define an element once and then use it again and again, making SVG animations easier to maintain, more efficient, and lightweight. Since I wrote that explanation, I’ve designed and implemented new Magnificent 7

Smashing Animations Part 6: Magnificent SVGs With “ And CSS Custom Properties Read More »