Di

@didoesdigital@bne.social
507 Followers
616 Following
376 Posts
Data Viz Engineer. Author of Practical UI Patterns for Design Systems. Creator of Typey Type for Stenographers. In Australia. https://linktr.ee/didoesdigital
Websitehttps://didoesdigital.com
My Bookshttps://didoesdigital.com/books/
Observable data vizhttps://observablehq.com/@didoesdigital
Typey Type for Stenographers Linktreehttps://linktr.ee/typeytype

With Mozilla announcing they're shutting down Pocket I thought I'd mention that for a while I've been working on a little bookmarking web-app called Readlynx. It will be open-source and self-hosted, but I hope to look into providing hosted instances in the future.

It's a single binary to download and run, which I'm hoping will make it super easy to get started. If this interests you, follow me or the #readlynx hash tag for updates. 1/2

#Pocket

It's been ages since I wrote a post in my dev blog so I'm forcing myself to do them more often. Anyway here's a new one all about offloading SVG animations to the GPU using CSS (the right way) https://josh.is-cool.dev/offloading-svg-transitions-to-the-gpu-using-layers/
Offloading SVG transitions to the GPU using layers | Josh's Cool Dev Blog

The dev blog of Joshua Byrd

I needed to combine 2 images together into 1 file. The images contained sensitive information so I did not want to use any of the typical image editing tools that train AI on that data. Decided ImageMagick would do:

magick img1.jpg img2.jpg -append combined-vertically.jpg

magick img1.jpg img2.jpg +append combined-horizontally.jpg

Convenient!

https://imagemagick.org/

This happy red-bellied black snake kept a close eye on us but did not flee. It seemed content basking in the sun.

#SnakesOfMastodon #snake #Queensland #AustralianWildlife

Today I discovered Safari's "Distraction Control" feature, which lets you hide distracting items. This will be handy for removing elements that cover the content and elements with looping animations.

Most importantly, it's fun to dissolve them out of existence. Poof!

https://support.apple.com/en-la/120682

#reduceMotion #Safari

Use Distraction Control in Safari to hide items on a webpage - Apple Support

If a webpage regularly shows one or more items that you find distracting, you can use the Distraction Control feature to hide those items until you choose to see them again.

Apple Support
It went up! Just a smidge, but our world press freedom index score for 2025 is 75.15 and we're now ranked at 29 out of 180 countries and territories.

Hmm, I have an SVG with a textPath to show some wiggly text and now I want to do some post-processing on it in Figma, but when I open it in Figma, the text layer contains no text?

Any suggestions? Can I convert a text/textPath to outline/path in the browser using JavaScript somehow? Could I calculate the x/y/rotation of each letter using JavaScript somehow and replace the textPath? Have I missed some obvious, easy alternative?

#svg

It still surprises (offends?) me that LinkedIn has games.

Which brings me to my latest Stylus style!

img[alt*="Preview GIF"] {
visibility: hidden;
}

#css #reducedMotion

Testing Vite PWAs on iOS:

- on the Mac, run the vite npm script with --host to expose (eg `npm run dev -- --host`)
- visit the network IP and chosen port in Safari on iPhone (vite will display the network URL or I can option-click the wifi symbol to find the IP address)
- in Settings app, Safari, turn off "Not Secure Connection Warning" to get past "Navigation failed because the request was for an HTTP URL with HTTPS-only enabled"
- tap share button and "Add to Home Screen"
- to uninstall, tap and hold then delete

Testing on macOS:

- open the same link in Safari
- click the share button and "Add to Dock"
- to uninstall, open `~/Applications` in the home directory (not `/Applications`) and remove it

I forget these details every time.

#WebDev #PWA #Safari

Going to give one of my projects a little plug: I just hit the Feedlynx button in my Firefox toolbar to bump a YouTube video I saw on here to my Watch Later RSS feed. It's very satisfying to have that powered by a reliable little project I built that just sits in the background and does its job.

https://github.com/wezm/feedlynx

#RSS #YouTube #Rust

GitHub - wezm/feedlynx: Collect links to read or watch later in your RSS reader.

Collect links to read or watch later in your RSS reader. - wezm/feedlynx

GitHub