Tag: html
-
Styling :visited links using hue-rotation
My new site theme offers a :visited link style, but for convenience it's based on a CSS hsl-transformation. Here's how it works...
-
WordArt is still supported... in Microsoft Outlook!
25 years ago, WordArt was everywhere. Nowadays, it's been quietly expunged from Microsoft Office. Except... Outlook, via a series of complicated hacks, can still render WordArt to this day! And I'm pretty curious exactly how it does so...
-
Recreating a 1990 Book Cover (in HTML + CSS)
This weekend, I became briefly obsessed with the graphic design of the cover of a manual of a piece of software released in 1990. So I re-created it in HTML + CSS, as you do.
-
A Selfhosted Static Site Editor
Inspired by the way that Nekoweb's editor 'Nekode' works, I came up with a low-effort way to let my eldest get started with HTML and CSS editing, right from her browser, with the results selfhosted directly from the household NAS.
-
Introduction to the new HTML element 'geolocation'
Manuel MatuzoviΔ has done a nice write-up on HTML's new 'geolocation' element. It's not exactly what I'd have implemented, but its still an improvement upon the established geolocation API.
-
For anyone who :has :not yet seen the magic of modern CSS
CSS is all grown-up, and the combination of nested selectors, variables, :not, and :has unlocks a wealth of potential for interactivity and customisation without resorting to (the slower and brittler approach of) JavaScript. Let me show you two examples from my recent editor history.
-
CSS Lightbox with Alt Text Viewer
Off the back of my details/summary-based semantic HTML+CSS lightbox, I've come up with a way to add Mastodon-like 'show alt text' widgets in the same way, and I'll be applying both to images on my blog's new theme, in the New Year.
-
DOCTYPE
I received my copy of DOCTYPE magazine, a genuine 'type this program in and run it'-style programming magazine but for a modern world, and enjoyed writing, debugging, playing, and then considering refining Stuart Langridge's puzzle The Nine Pyramids.
-
Details/summary lightboxes in pure HTML + CSS
For years, I've been using a HTML+CSS-only technique for popover 'lightbox' images on my blog. Now I've come up with a more-semantic way to do the same, and its HTML code is tidier too!
-
Internet Services^H Provider
When you signed up with an ISP, you used to get Web space, email, shared FTP access, a nearby IRC node, newsgroups, and a software bundle. Nowadays you get a shit router, a voucher for a free month of a streaming service you didn't want, and crap customer service. Where did we go wrong?
-
Avanti's Accessibility Failure
Train provider Avanti's website may be accessible... but their emails, which you need to interact with to USE their website... are not. It's simply not possible to verify your email address if you use a screen reader, and there's no guest checkout option.
-
Variable-aspect adaptive-bitrate video... in vanilla HTML?
Thanks to recent browser enhancements, it's possible to show videos of different aspect ratios based on CSS media queries with no JavaScript dependencies. You can even combine it with adaptive bitrate streaming, even on static hosting. Let me show you how.
-
Reply to Blogging for traffic not design
Andy Hawthorne criticised a new website owner for not using a popular CMS, arguing that this would necessarily impact their SEO and so invalidate the point of their website (that point being, Andy presupposes, to attract views). I dispute... almost every single part of that argument.
-
Large companies find HTML & CSS frustrating βat scaleβ because the web is a fundamentally anti-capitalist mashup art experiment, designed to give consumers all the power.
- Mia, 2019
This is what I needed to be reminded, today. -
Today I learned that you can use
reportValidity()on a HTML5 input of e.g.type="email"to force the browser to run it's own validation, without waiting for the containing form to be submitted (which in some cases might not happen, e.g. if you're handling input using JS).That's cool.