Tag: web
-
The internet’s hidden creative renaissance (and how to find it)
This article is good and touches on many sites, people, and topics that I care about... but it's painfully ironic that the author has written a post praising the independent Web... using Substack as their platform.
-
PHP 8.4 on Caddy on Debian 13... in Three Minutes
I just needed to spin up a new PHP webserver and I was amazed how fast and easy it was, nowadays. Just the stock package repositories and around five commands and my fresh box and it was serving PHP applications over HTTPS.
-
Death to the shadow DOM!
I usually agree with Chris Ferdinandi, but he and I aren't entirely in accord about the Shadow DOM. He thinks it's useless. But I think it's MOSTLY useless.
-
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.
-
HTTP is not simple
After discovering it through a Gemini newsgroup, I very much enjoyed Daniel Stenberg's (of cURL fame) explanation that contrary to what you might think, HTTP (even version 1) is not a 'simple' protocol, and is full of weird and knotty underspecified loose ends.
-
Layitout! Terra is a CSS-only implementation of a customisable Transport Tycoon-like terrain generator, and it's left me impressed and confused!
-
Best Viewed at: Your Resolution!
As the latest in a series of stupid things I've done on or for the Web, I've made a website that dynamically generates 'best viewed at' buttons... for exactly the Web visitor's current screen resolution...
-
It Is A War Out There - Take Control of Your Supply Lines with HtDTY
Andrew Stephens reminds us to HtDTY (Host the Damn Thing Yourself) to reduce the risk of supply chain attacks and improve privacy. But I think the argument goes further than this.
-
Dogspinner
Dogspinner - by Lu Wilson and Flora Caulton - is the Monday morning distraction you didn't know you needed.
-
Did I just rank my LPG provider 10/10, or 1/10? I genuinely don't know.
Alt
Slider from a web questionnaire, asking "In a scale of 0 to 10: How likely are you to recommend Flogas for bulk gas?". The slider below, though, is a scale from 0 to 100, not 0 to 10. The value 10 is selected on the slider, but this is only one-tenth of the way along its length.
-
Egencia Mailing List Accessibility
A special level of accessibility failure on Egencia's mailing list subscription management page: the labels for choosing which individual mailing lists to subscribe to are properly-configured, but the "unsubscribe all" one isn't. Click the words "unsubscribe all" and... nothing happens.
But it gets better: try keyboard-navigating through the form, and it's hard not to unsubscribe from everything, even if you didn't want to! As soon as the "unsubscribe all" checkbox gets focus, you get instantly unsubscribed: no interaction necessary. -
Developers just love to take what the Web gives them for free, throw it away, and replace it with something worse.
Today's example, from Open Collective, is a dropdown box: standard functionality provided by the
<select>element. Except they've replaced it with a JS component that, at some screen resolutions, "goes off the top" of the page... while simultaneously disabling the scrollbars so that you can't reach it. 🤦♂️
Alt
Animation showing a dropdown menu for editing a personal profile on Open Collective. The dropdown menu is implemented using JavaScript, and has a bug that means that at some screen resolutions it goes off-screen and parts of it cannot be seen; because its appearance also disables the scrollbar, there's no way to get to the "missing" parts of the menu.
-
Last month, my friend Gareth observed that the numbered lists in my blog posts "looked wrong" in his feed reader. I checked, and I decided I was following the standards correctly and it must have been his app that was misbehaving.
Alt
App Store page for Unread: An RSS Reader by Golden Hill Software. What's New for version 4.5.2 includes a bullet point, highlighted, which reads 'This update improves display of articles from danq.me."
So he contacted the authors of Unread, his feed reader, and they fixed it. Pretty fast, I've got to say. And I was amused to see that I'm clearly now a test case because my name's in their release notes!
-
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!