From scratch

The author provides a list of hosting too: https://web.pixelshannon.com/make/#:~:text=where%20can%20i%20publish%20my%20website%20for%20free%3F

A modern marquee element

The type=number state is not appropriate for input that happens to only consist of numbers but isn't strictly speaking a number. For example, it would be inappropriate for credit card numbers or US postal codes. A simple way of determining whether to use type=number is to consider whether it would make sense for the input control to have a spinbox interface (e.g. with "up" and "down" arrows). Getting a credit card number wrong by 1 in the last digit isn't a minor mistake, it's as wrong as getting every digit incorrect. So it would not make sense for the user to select a credit card number using "up" and "down" buttons. When a spinbox interface is not appropriate, type=text is probably the right choice (possibly with an inputmode or pattern attribute).

inputmode="decimal" or inputmode="number" fit better for these cases.

New HTML features of 2025

I agree

An accessibility decision tree for the alt attribute

Video elements can be responsive now. Here's how.

Sometimes ARIA is needed to convey informations such as a link pointing to the current page.
The example for form error is great too !

Everything needed to build a proper pagination in HTML

Use the translate="no" on a tag (often a span) to avoid translations on specific words such as brands.

<datalist> can be combined with more than raw text inputs!

About microdata:

Labelling things properly is still a powerful act, especially when it involves repetition and relationship-building.

What the post is missing is: how building these connections are useful? Ok it's great for AI models that are parsing the site...

Getting started with Microdata

The specification of microdata

A rating UI pattern with smileys: only built with HTML and css.

Useful for stat callouts, word definitions, product listing technical specs

• They are memorable
• They can be typed or said
• They looks nicer. They're aesthetic. They show care.
• They remove the middle-man: only the URL can be used!
• They are enough: using 36 characters with 4 character URLs give 1.679.616 unique combinations

Here’s how I do it: Save my HTML file as the URL name, with no extension. Instead of “hi.html”, I save it as “hi” in my public web root.

Then, assuming the Nginx web server, add this line to my http block: default_type text/html;

Enhancing an HTML page with microdata. These microdata can be used as CSS selectors.

How it helps the users

• search engine could show the microdata Introduction to structured data markup in Google Search
• can help AI...
• microdata conveys information in HTML: “HTML is still the most accessible format for almost every type of content”, the National Center on Disability and Access to Education’s Principles of Accessible Design in 2007

Whenever you want to add interactive elements inside your information bubble, it's not called tooltip, but toggletip.

Firstly, before we get started, it is always better to display clear, permanently visible information. So, if space permits, do not use tooltips.

There is a 
<button type="button" aria-describedby="toggletip" popovertarget="toggletip">
  secret
</button>
to accessible HTML!

<div popover id="toggletip">
  <div>a div is not a button ✨</div>
</div>

Another metadata tag parser tailored by Rob Knight.

It adds icon and colors definition.