Terence Eden. He has a beard and is smiling.

Terence Eden’s Blog

Theme Switcher:

Magazine Review: DOCTYPE

· 8 comments · 550 words · Viewed ~414 times


Magazine cover featuring a spaceship and pyramids. It says "10 amazing web pages".

D'yer remember the eighties? The eighties, eh? Remember 'em? With the Acorn Archimedes an' that? What were we like? Remember them mags what y'got? The computer mags? Wirral the source code? Remember typin' it all in be hand? If yer semicolon were outta place y'd gerra syntax error! And you try telling that to the young people of today, will they believe yer? For those of you born this century,…

Getting started with simple CSS View Transitions

· 1 comment · 400 words · Viewed ~444 times


The HTML5 Logo.

There's (yet another) new piece of CSS to learn! Hurrah! Way back in 2011, jQuery mobile introduced the web to page-change animations. Clicking on a link would make your high-tech Nokia display a cool page-flip as you navigated from one page of a website to another. Just like an app!!!! A decade-and-a-half later, and CSS has caught up (mostly). No more JavaScript, just spec-compliant CSS. Well, …

Drunk CSS

· 5 comments · 600 words · Viewed ~23,173 times


Screenshot of the homepage all askew.

A decade ago, I was writing about how you should test your user interface on drunk people. It was a semi-serious idea. Some of your users will be drunk when using your app or website. If it is easy for them to use, then it should be easy for sober people to use. Of course, necking a few shots every time you update your website isn't great for your health - so is there another way? Click the "🥴 …

What about using rel="share-url" to expose sharing intents?

· 13 comments · 450 words · Viewed ~7,957 times


Screenshot. "Share this page on" followed by colourful icons for popular social networks.

Let's say that you've visited a website and want to share it with your friends. At the bottom of the article is a list of popular sharing destinations - Facebook, BlueSky, LinkedIn, Telegram, Reddit, HackerNews etc. You click the relevant icon and get taken to the site with the sharing details pre-filled. The problem is, every different site has a different intent for sharing links and…

YOU DON'T NEED HTML!

· 8 comments · 650 words · Viewed ~12,475 times


Black and white text banner proclaiming that you don't need HTML.

Originally posted as part of HTML Hell's advent calendar. While browsing Mastodon late one night, I came across this excellent blog post called HTML is all you need to make a website. It describes a few websites which are pure HTML. No CSS and no JS. And I thought… do you even need HTML to make a website? A few hours later, I launched the NO-HT.ML website. Proving, once and for all, that you d…