It’s still summer, so I’m doing a bit of Hot HTML Summer housekeeping based on what I learned from taking the web.dev Learn HTML course. Earlier in the summer I wrote a series of posts, one for each lesson in the course. In the I included a list of things to check on and update as necessary. I’ve…

6 August 2023 Disabling paste is usually done in the name of security. For example, let’s say the user has to type their email address twice. Using 2 separate inputs means a mismatch can be caught. But that doesn’t work if they paste an error from the first input into the second. But disabling paste…

“The industry changes so quickly! It’s hard to keep up with everything.” I’ve been mostly out of touch with the industry over the last couple years, only working on smaller front-end projects, and not

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Template, slot, and shadow module of Learn HTML. Each section below…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course . I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HT

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Dialog module of Learn HTML. Each section below corresponds to a…

The last time I wrote about deploying to GitHub Pages , it was essentially a tutorial on how to use Travis CI for deployment to GitHub Pages. Travis, unfortunately, discontinued their free plan but Gi

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Other inline text elements module of Learn HTML. Each section below…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Focus module of Learn HTML. Each section below corresponds to a…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Details and summary module of Learn HTML. Each section below…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the HTML APIs module of Learn HTML. Each section below corresponds to a…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Audio and Video module of Learn HTML. Each section below corresponds…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Images module of Learn HTML. Each section below corresponds to a…

Daily Tips I recently had someone email me asking about how to load HTML from another page with vanilla JavaScript, so that’s what we’re going to look at today. Let’s dig in! Progressive enhancement Using JavaScript to load HTML from another page is great progressive enhancement. Let’s imagine you…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Forms module of Learn HTML. Each section below corresponds to a…

Back when the web was young, it wasn’t yet clear what the rules were. Like, could you really just link to something without asking permission? Then came some legal rulings to establish that, yes, on t

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Links module of Learn HTML. Each section below corresponds to a…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Lists module of Learn HTML. Each section below corresponds to a…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Navigation module of Learn HTML. Each section below corresponds to a…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Tables module of Learn HTML. Each section below corresponds to a…

The demise of Sass has long been foretold. Sass’ features are making their way into CSS, they say, so why bother with an additional build tool? I like that sentiment. What do they say about web platform tools again? Any good tool should live long enough to see itself made redundant. Something like…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Attributes module of Learn HTML. Each section below corresponds to a…

The TL;DR is that I can deploy my website using my voice on any of my Apple devices by asking Siri to run a shortcut. And I feel like a genius when I do it. Here’s a demo that I did whilst live stream

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Text basics module of Learn HTML. Each section below corresponds to a…

2 July 2023 Picture this. You’re designing a form but the questions are complicated. Users need a lot of guidance to understand each question. But this makes the page long and messy. You run through various patterns. ‘Tooltips!’, you say to yourself. And that’s cool because tooltips keep things…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Headings and sections module of Learn HTML. Each section below…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Semantic HTML module of Learn HTML. Each section below corresponds to…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Metadata module of Learn HTML. Each section below corresponds to a…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Document structure module of Learn HTML. Each section below…

This post is a part of a series where I write a post for each module of the web.dev Learn HTML course. I'll note things I didn't know, highlight interesting items, and generally enjoy having a Hot HTML Summer. This post covers the Overview module of Learn HTML. Each section below corresponds to a…

RSS isn't dead. It isn't mainstream, but it's still a thriving protocol, especially among tech users. However, many people don't know what RSS feeds are or how to use them. Most browsers render RSS as raw XML files, which doesn't help users understand what it's all about: In this post, I'll explain…

Nothing says summer like sitting in a cool, shaded room while writing some HTML. Last fall when Estelle Weyl’s Learn HTML course was announced at Google’s web.dev I took a quick look and made a mental

18 June 2023 I’ve previously written about the problems with regular sticky menus. In response to those issues, some people suggest showing and hiding the menu as the user scrolls up and down. Bondir’s sticky menu appears and disappears as the user scrolls This seems smart because: the menu gets out…

The attributes of responsive s are pretty intense! Code language: HTML, XML (xml) You need to create/serve/cache multiple ver

Yesterday, I wrote about the grain of the web . Today, I wanted to talk about how to work with the grain of the web when building dynamic web apps with the Jamstack and static site generators. Let’s d

Best practices for container queries Published Jun 7, 2023 I’ve been playing around with container queries and so far, there is only one best practice that I would recommend. Whenever you use containe