html

HTML video with subtitles

Via Mariatta I found my PyVideo speaker page, and thanks to that page I learned that a talk I gave in 2009 had been rescued from the now-deceased Blip.tv and is now hosted by the Internet Archive…

Lazy loading images in HTML

Most modern browsers now include support for the image attribute, which causes images not to be loaded unti the user scrolls them into view.

A simple two column CSS grid

I decided to use CSS grids for this. I started with GPT-4. My prompt: HTML and CSS to display a grid of four images, each with a paragraph caption below the image - use figcaption The 2x2 grid should…

Copy rich text to the clipboard

I've been experimenting with a tool for generating the content for a weekly Substack newsletter by querying the Datasette API for my blog and assembling HTML for the last week of content.

HTML video that loads when the user clicks play

Today I figured out how to use the tag to show a static thumbnail that gets replaced by the loaded video only when the user clicks play.

Dropdown menu with details summary

I added dropdown menus to Datasette 0.51 - see 1064. I implemented them using the HTML element. The HTML looked like this: See the top right corner of https://latest-with-plugins.datasette.io/ for a…

Error 153 Video player configuration error on YouTube embeds

In all cases the HTML looked something like this: It turned out the solution may be to replace with : (Weirdly on some refreshes of the page I get the same error. I'm not sure why that is.)

Converting HTML and rich-text to Markdown

If you copy and paste from a web page - including a full table - into a GitHub issue comment GitHub converts it to the corresponding Markdown for you. Really quick way to construct Markdown tables.

HTML datalist

A Datasette feature suggestion concerning autocomplete against a list of known values inspired me to learn how to use the HTML element (see MDN).

Scroll to text fragments

I ran a Google search this morning for and when I clicked on the top result it jumped me to a highlighted snippet of text on the page, despite that page not having relevant anchor links.