HTML

𝐏𝐨𝐭𝐚𝐭𝐨 is not just Potato formatted.

Heydon blogged about <blockquote> and Michelle blogged our collective sigh at how unfortunately hard the simple act of quoting something is. You’re not supposed to put a <cite> inside the <blockquote> which I find obnoxious especially because the screenreader situation seems fine with that pattern (this WordPress blog does it that way by default). Adrian […]

You can keep it chill and just use HTML email to apply a nice typeface, reign in the line length, use real links, and honor dark mode.

They are pretty similar in both look and functionality, but are have some important differences, slightly different APIs, and functionality. The use cases are also a bit different, so let’s have a look!

It’s not that modals are all automatically bad, it’s that, as Adrian Egger says, “modals are the crutch of the inarticulate design and developer” and they “are easily replaced with other patterns that are less jarring.” on the dedicated site for this crusade: modalzmodalzmodalz.com. Adrian’s personal site is sweet, too.

The HTML for a <details> element is generally something like: See how I put two <p> elements in there? That’s totally fine. Everything that isn’t the <summary> is visually hidden until the <details> is open, either via the open attribute or the summary is clicked/tapped. So if you’re trying to select “all the content”, you’re […]

Danila Fedorin’s article about unique UX features in blogs is fun. Here’s some extra thoughts, resources, and opinions.

Which one makes more sense to use, big and slow or small and fast? Especially with the same appearance and functionality, the youtube-lite component is a no-brainer.

Especially on mobile, the slide-out drawer UI/UX seems like a perfect fit for a popover, and works fine on desktop too.

Michelle Barker’s technique for popover footnotes is great. Here we look at ways we could fight the content duplication. There are ups and downs.