Introducing DOI2HT.ML – the simple semantic citation server

by @edent | # # # # | 6 comments | Read ~201 times.
Website Screenshot.

Academic citations are hard. One of the joys of the Digital Object Identifier System (DOI) is that every academic paper gets a unique reference – like: 10.34053/artivate.8.2.2. As well as always leading you to a URl of the paper, a DOI also provides lots of metadata. Things like author, publisher, ORCID, year of publication etc.…

Continue reading →

If HTML5 Were British

by @edent | # # # | 6 comments | Read ~307 times.
The HTML5 Logo.

If you’ve been around programming circles long enough, you’ll probably have read the seminal “If PHP Were British“. If not, go read it now. I’ll wait. I love the idea of a non-American programming language. I’m aware that there are some, but I’m unaware of any which are in British English. Except, perhaps, BBC Basic.…

Continue reading →

Introducing Slowww.ml – the slow web server

by @edent | # # | 20 comments | Read ~64,817 times.
A digital watch.

This experiment has now ended. The code is available on https://gitlab.com/edent/very-slow-website One thing most websites try to do is try to serve you the page as fast as possible. So I’ve decided to do the opposite. I’ve made a (toy) web server which goes as slow as humanly possible. You can visit it at https://slowww.ml/…

Continue reading →

The usability of HTML elements

by @edent | # | 3 comments | Read ~3,836 times.
The HTML5 Logo.

Last week, I gave a talk at the Maps for the Web workshop. As part of the discussion, I talked about how some HTML elements are really easy for developers to use and understand, and others are hard. I’m not aware of any formal research on this – all I have is my experience as…

Continue reading →

Adding Web Monetization to your site using Coil

by @edent | # # # | 3 comments | Read ~171 times.
A tiny lego Storm Trooper eats a chocolate coin.

Recently, my blog was featured on Coil’s list of monetised content. I’d like to take a little time to explain what Web Monetisation is, how to get set up with it, and what my thoughts are. Quickstart Stick this line in the <head> of your HTML page. <meta name=”monetization” content=”$ilp.uphold.com/ieELEKD7epqw”> That’s it. You should replace…

Continue reading →

Interactive HTML Trees with no JavaScript and no CSS

by @edent | # # | 3 comments | Read ~2,782 times.
A Twitter conversation rendered as HTML.

Many text based conversations threads can be visualised as a tree. This is a follow-up to yesterday’s blog post about Twitter conversation trees. Mailing list archives often use nested <ul> to show a conversation. That’s fine, but has the major drawback of not being interactive. There’s no way to collapse a branch of a tree…

Continue reading →

Better Keyboard Buttons in CSS

by @edent | # # # # | 2 comments | Read ~1,018 times.
A pet cat typing on a computer keyboard.

Here’s a simple scrap of CSS which you can Ctrl+C and Ctrl+V kbd { border: .1em solid #aaa; border-radius: 15%; display: inline-block; padding: .1em .5em; background: linear-gradient(180deg, #fff, #fff, #fff, #ddd); user-select: none; cursor: pointer; color: #000; font-weight: bold; } kbd:hover { background: linear-gradient(0deg, #fff, #fff, #fff, #ddd); } Features Semantic use of the kbd…

Continue reading →

Semantic Dates in Wagtail Blog Posts

by @edent | # # #
The HTML5 Logo.

(Written because I couldn’t find an easy guide online.) Here’s the code (formatted for readability): <time datetime=”{{page.first_published_at|date:”c”}}”> {{page.first_published_at|date:”j F Y”}} </time> You can also use last_published_at if it is a page which has been updated. WHY?!??! Semantics. HTML5 contains the <time> element. The contents of it show up as normal running text, but the metadata…

Continue reading →

Improving WordPress Video Accessibility

by @edent | # # # # # | 2 comments
A video with an easy to see play button.

In order to provide a video playback UI, WordPress uses the excellent MediaElement library. Recently, I discovered a slightly annoying flaw – I couldn’t see the play button! Here’s a screenshot of the video UI. In the middle of this screenshot is a white play button. I have trouble seeing it, because the video’s background…

Continue reading →

Default Ordering Of Title Options

by @edent | # # # # | 11 comments | Read ~148 times.
An extremely long title list which includes Right Honourable, Wing Comander, Dame, etc.

I was signing up to a website the other day, and it wanted to know my title. Here are the options it offered me: Look, I get it. If I’m ever daft enough to undertake a PhD and masochistic enough to complete it – I am going to demand that everyone addresses me as Doctor…

Continue reading →