iiinova — where your digital self keeps evolving

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 12/10/2026

I know that browser "cookies" have got a bad reputation from a privacy perspective, but CBC News used to use a simple, non-tracking cookie to remember which local news feed you wanted to show up on the home page (www.cbc.ca/news), and now there is […] [Original post on front-end.social]

000 0

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 29/09/2026

If any web accessibility professionals need a real-world example of how not to do "responsive" web design, and specifically an example of a website breaking browser zoom by using viewport units for font size, may I present […] [Original post on front-end.social]

View of the article body text in a full-screen window, at my browser's default 110% zoom level. It has a very small font and long line lengths, with 4 paragraphs of text taking up 2/3 the width of the screen, plus a sidebar linking to other articles. This is the same view I get at any more zoomed-out levels, too.

The same window with the browser zoom bumped up a single step to 120%. The effective text font size is more than 3 times the size, half a paragraph filling the whole screen. This is the same text size you get at any higher magnification levels, too.

110 1

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 17/08/2026

I have discovered that there is something worse than sharing digital posters (e.g. on Instagram or webpages) with a QR code instead of an actual link or URL for people to find out more. What's worse is to use a genAI tool to make the poster, and get […] [Original post on front-end.social]

Something that looks closer to a standard QR code, with square recognition patterns in 3 corners, but the small circle in the fourth corner isn't quite right and the pixel grid is all smudged & uneven.

000 0

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 16/07/2026

On a Mastodon server? Go to your profile on the website, click that "Edit Profile" banner, then click the camera icons (labelled "Replace Image") over your banner and profile images. You'll now get a pop-up menu with the option to add alt text.

102 2

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 13/04/2026

Interesting approach to a cookie banner, and so easy to implement for the devs: Tell people that they can always block cookies from their browser settings. I think this *could* be GDPR compliant if they don't share any of their own analytic data with […] [Original post on front-end.social]

Website dialog box, with heading: The NFB is committed to respecting your privacy

Text continues:
We use cookies to ensure that our site works efficiently, as well as for advertising purposes.
If you do not wish to have your information used in this way, [text highlighted by me] you can modify your browser settings before continuing your visit.

Two buttons: I Understand (emphasized), Learn More.

100 1

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 27/02/2026

Front-end devs on here: Arguing about what should be a link or a button, and with which ARIA roles. Front-end devs (or their "AI" tools) out there making real websites: Build multi-level nested menus out of divs that only open on hover, and then disable […] [Original post on front-end.social]

100 1

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 16/01/2026

🤦🏻‍♀️ (That *is* the name on my credit card. It is also the name on my bill with the service that I'm paying with this form. So it's not like they don't accept hyphens in names. It's that they expect that the credit card companies won't accept hyphens in […] [Original post on front-end.social]

Screenshot of part of a web form. Label: Name on card. Input filled as: Amelia Bellamy-Royds. Warning icon with red text: Please enter a valid cardholder name.

000 0

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 08/11/2025

This new "more replies found" feature on mastodon conversations would be nice if it wasn't so intrusive, popping up over top of the replies I'm currently trying to read! @mods Any chance we could get this added to the custom stylesheet for front-end.social? […] [Original post on front-end.social]

A scrollable column in the Mastodon web app "deck" view, with a post & replies, and a little pop-up notification box floating over top of the replies, saying More replies found, with a Show button and a close button. (The thread is a tongue-in-cheek one about museum heists, but that's only relevant because the replies are full of tongue-in-check snark that one actually might enjoy reading.)

000 0

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 22/09/2025

Belated testing of my microsite on my phone reminds me that mobile browsers still zoom out on websites by default if you don't add the extra "yes, I'm mobile friendly" metadata, even when the web page would have rendered just fine, no overflow, at normal […] [Original post on front-end.social]

100 1

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 22/09/2025

Introducing... The 256 Byte* Website! *(per file) Last week @tantek.com posted a little puzzle for the 256th day of the year: > build an entire website where each resource fits into at most 8-bits worth of bytes […] [Original post on front-end.social]

100 1

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 17/07/2025

For people who use the frequent-website shortcuts feature of the #Firefox new tab page: If you want to pin a new link to that list, and it hasn't shown up yet — especially if you have previously "dismissed" a no-longer-valid link to the same web domain […] [Original post on front-end.social]

Partial screenshot of the Firefox new tab page. The first in a row of shortcut link icons is highlighted. I've triggered the three-dots "Open menu" button associated with it. The resulting pop-up menu has options Unpin, Edit (highlighted), Open in a New Window, Open in a New Private Window, Dismiss, and Delete from History.

001 1

Amelia Bellamy-Royds @ameliabr.front-end.social.ap.brid.gy · 14/05/2025

My brain is in a very "oooh, shiny" state today. Keeps going off on tangents & down rabbit holes based on posts I read. Someone shares a "beautiful minisite" from a type foundry launching their sensible new sans serif body typeface, and within seconds my […] [Original post on front-end.social]

Two pieces of paper with large handwritten text. The first page has capital letters for half the alphabet, with various repeats trying out slightly different shapes. The second page has the words "Amelia's Brain Is Distracted Today" in title case followed by four variations on an exclamation mark. It was written using a fading wedge-tip black marker, creating thick strokes whose width varies by the angle, with an unexpected streaked effect reminiscent of brush strokes. In addition to the upstroke ribbon effect doing a figure-8 around the initial downstrokes, there are various other cursive flourishes on the letters, which are often the parts varied in the repeated takes trying out different versions of the letters.

000 0