Tag: web
-
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!
-
Some time in the last 25 years, ISPs stopped saying they made you "part of" the Internet, just that they'd help you "connect to" the Internet.
Most people don't need a static IP, sure. But when ISPs stopped offering FTP and WWW hosting as a standard feature (shit though it often was), they became part of the tragic process by which the Internet became centralised, and commoditised, and corporate, and just generally watered-down.
The amount of effort to "put something online" didn't increase by a lot, but it increased by enough that millions probably missed-out on the opportunity to create their first homepage.
-
The Difference Between Downloading and Streaming
Mostly to make use of an animation I made for a different blog post that hasn't materialised, let me take a moment to explain to you the fundamental technical difference between 'streaming' and 'downloading'. Which won't take long... because there isn't one!
-
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.
-
Deprecate React
Just to reassure myself that I really can do all the things I say on my CV, I've been looking at tech tests that touch on each of them. I can definitely write React, for example... but... I might question the wisdom of a company that's exclusively recruiting for React skills in their front-end developers...
-
Geocities Live
Geocities.live transforms any web page into a 90s-Geocities-style variant of itself, and it does a surprisingly good (if slightly "samey") job of it. Its take on DanQ.me got me thinking, though: are there things I can learn from 1990s web design and apply to the next generation of my theme?
-
WebDX: Does More Mean Better?
I like the work that the WebDX Community Group have been doing, but I find myself asking: are we at risk of implying that giving the Web 'more' features invariably makes it 'better'?
-
My love of the yesterweb forced me to teach myself just-enough Blender to make an animation for a stupid thing: an 88x31 button representing "me" (and, I suppose, my blog, whenever I next end up redesigning its theme).
Alt
88x31 animated GIF button in the Web 1.0 style, reading "DAN Q". The letter Q is spinning.
Alt
The same image, but expanded so it's larger.
-
Reply to Vika, re: Content-Security-Policy
Vika shared her frustrations with Content-Security-Policy nonces when delivering pre-generated/cached content. I've had a similar fight, so I've written-up a few of the things I tried and what I learned as a result.
-
WordPress to ClassicPress
A few weeks ago I switched this blog to ClassicPress, a fork of WordPress. Here's a deep dive into how (and why) I did it, as well as a look into what my experience so-far has been with this (mostly-)cut-down version of the world's most popular CMS.
-
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. -
Bloomberg's Terms
Chris Messina remarked about the insane terms and conditions that Bloomberg.com require you to agree to in order to read a news article, effectively signing away your rights. Except... I don't see the dialog: I just see the articles. I haven't given consent, and they can't conceivably prove to the contrary... 😈
-
Dark Patterns Detective
A fun website that aims to educate the visitor on the dangers of dark patterns is let down only slightly, in an ironic fashion, when it links to its author on LinkedIn, a website plagued with dark patterns.