The HTML cat is out of the Web Audio bag. I've finally released HYPERBLAM. It’s my system for sampling, processing, and sequencing sound and music directly in HTML. hyperblam.how

Still not perfect, but easily my best bird of prey photo yet. Manual focus is hard, but rewarding! I think I could have gotten a better photo if it wasn't for a military helicopter that flew directly overhead for a while 😅 #Birds #Photography #Portugal

Very much in the thick of it with the placeholders today 🙃 Going to spend some time in Affinity now, to make the actual designs. But the SVG/CSS path anims and all is ready to go 💪 I'm happy to finally have some idea of what I want on the homepage. I need to replace that silly image of me too...🃏

White storks and my first sighting of an Iberian Gray Shrike this morning 🤩 (Hopefully I'll get a better photo of the shrike one day, it was a bit too far away for me to get a good focus) 📷️️ Sony A6700 🔭 TTArtisan 500mm F6.3 🎛️ 1/640, F8, ISO 640 🎨 darktable #Birds #Photography #Portugal

Both totally unnecessary and extremely funny that the Guardian has an interactive graphic for you to change the color of the US flag's blue to the color of the Reflecting Pool from 8 to 19 June and counting

SVG pathLength 🤩 developer.mozilla.org/en-US/docs/W... I was getting frustrated with having to use JavaScript to fetch the length of _each_ svg path, to then define within CSS so I can animate it via stroke-dasharray; ... turns out we can just slap pathLength into the svg itself and use that! 🥳

Please don't do this 😩 Switching out the page <title> once you've detected I've left the page... It's only made it annoying for me to refer back to your product; And if you really wanna change it in pursuit of whimsy, at least don't swap it out fully like this.

Happy Midsommar to my Svenska 🇸🇪 pals and anyone else that celebrates! I don't actually do anything myself, but still, I'd better say something so they don't revoke my citizenship! Skål!

Went looking for an image tracer to turn some hand drawn elements into SVG, found this handy lil free tool that gets the job done 🥳 www.visioncortex.org/vtracer/ Pairs great with an SVG to Base64 converter, then set a CSS background-image on a pseudo ::before element. base64.guru/converter/en...

It’s Friday, so let’s close out the week with some Good Links™ in The Index #187 sponsored by the great folks at DebugBear. piccalil.li/the-index/187/

Saved a baby gecko from nearly getting run over! Hope lil pal will be good now, left him in some shade to cool off in this weather 💚

I've been leaving to last minute the homepage/header/splash area of my site, because I _hate_ talking about myself 😭 and I really don't know what to be putting there... Going to go for a drive down personalsit.es street to try and gain some inspiration for this shit.

Another heat wave is it? 🫠

Lil Cattle-Egret showing off to its pal the Sheep mount it unlocked. Also the second photo... while not a great capture for sharpness, is included because it be looking like a video game glitch 😅 I had rushed out there to capture a massive eagle, but it'd long gone 😩 #Birds #Portugal #Photography

11ty Bundle Issue 92 @11ty.dev

Build Awesome and Eleventy v4.0.0-alpha.8 are now available for testing! github.com/11ty/buildaw... Using staged publish for extra security, the new Build Awesome package, and batched incremental builds! Try it out!

Just going to start naming all my projects IKEA style. Todo app? GÅRDET PnP Game? SKRIVSPEL Websites? INGETGRÄS

She sleeps 🐈️💤 @mu.social

In the Netflix series adaptation of Ronja the Robber's Daughter 🇸🇪, there are these little things! Rumphobs? I think it's translated to rump-goblin or something. Anyway; They're fun, and one of them (all of them) even look like my morfar 👴(grandpa)

ffs why did I have to go and try a new browser? That led onto me trying another, and that's ended up with me STUCK unable to choose between three. Vivaldi, Zen, and Helium. At least In trying one thing I learnt is that I just _can not_ do horizontal tabs any more. I tried really hard, but nope.

lol what is happening 😵‍💫

Oi! get down from there! My @mu.social cat being all kinds of mischievous 🐈️

a feature i and many others long wanted in bsky now on @mu.social: syntax highlighting, both directly in the post and for longer code as a @tangled.org string embed! "we can just yolo-merge things!"

That’s me! Also available as a highly rated talk that i’d love to give at your conference or meetup!

Yay, I've got a companion cat in my social media 🐈️

Looking for recommendations on browser-based RSS readers, please share if you have one you love 💜 (Specifically browser-based)

Watched Weapons last night; Liked it enough (not one I need to re-watch though). I had no idea what to expect from the film as I had only seen that one clip/trailer with the freaky running 🏃🏃‍♂️🏃‍♀️ It got way freakier.

This week I'm sharing a set of custom radio buttons that animate several SVG rectangle elements to create a retro futuristic feel using @gsap-greensock.bsky.social: codepen.io/jdillon/full... #JS #GSAP #UI #animation

Helping out the fam with a laptop issue; the problem today is that the hinge went and broke right out of the case panel it was screwed into. Apparently this is a common issue with the Lenovo Ideapad range? Gonna MacGyver the screen with tape in place of the hinge until we can get a replacement 😅

Tiny black insects #two.js #creativecoding

Do you think we enjoy being AI haters? Absolutely not. I’m sick of talking about it and thinking about it, sick of boycotting companies and creators who try to pathetically excuse AI use. But there’s too much is at stake to look the other way.

god the tech industry has become so cringe its insane

I've settled on the OG (or now standard site?) image approach 🥳 11ty will generate a page for each item, at 1200 x 630, then it'll get screenshot! ... Design not final, I think I wanna add a coffee stain 👀 I'm using grid-area again, but now it's just manually throwing down row and column numbers.

Giving Vivaldi another spin just because (Well, kinda - there was this golden booty dance video you see...) New UI looks nice! But I can't seem to remove the built-in VPN which is a bit annoying, Clicking the checkbox in settings does nothing 😕

As promised at #cssday: me, in hotpants, shaking the golden-clad BrucieBooty™ to a song based on Village People's "In the Navy": In Vivaldi. www.youtube.com/watch?v=1r9e...

Messed up the chance of getting a quality White Stork photo 😩 I snuck through the garden keeping low to get a better view on the one I saw out in the field. As soon as I pop my head up over the fence and raise the camera on it, I noticed another like 2 meters way. They took off, zero photos taken.

Morning Gecko 🦎 Woke up & first thing I felt compelled to do was grab the camera. Spotted this one early, and snuck around slowly to get a different angle than the usual "head on" view I get with these pals. #Photography #Portugal

House Sparrow Great Spotted Cuckoo (My first sighting!) Eurasian Magpie In trying to ID what I now know is the Cuckoo, I came to learn that they are a brood parasite, known for laying their eggs in corvid nests (like the Magpie)! I saw them fly in together to that tree/bush. #Birds

Time to take a biiiig sip of my coffee and then immediately paste a link to this guide to using ATapult — which I’ve been fixing on-the-fly while wiring it up to my website, with intent to use the deployment of this very post to test it — into this Bluesky textarea! wil.to/posts/implem... … Ahh.

If you have a trillion dollars in a world where children are starving, you're not a visionary, you're just a cunt

Gecko 🦎 Spotted this little one under our porch roof - it possibly took care of a wasp problem we were having! Obrigado Osga-Comum 🫡 It was very dark where it was located, so I was fighting to increase brightness with ISO and in post. Got a bit too noisy as a result 🤷 #Photography #Portugal

If you’re looking to start tinkering with @standard.site, I made you a little something to help with some of the lifting. npmx.dev/package/atap...

From the archives: Create a semantic breakout button to make an entire element clickable piccalil.li/blog/create-...

Stalling a bit of garden work because I'm tired and trying to wake up, but the more I stall, the hotter it gets and more wasps will be active 😭

Ohh, so we’ve not been talking about the video game Fable? Aw 😔

Pretty cool they rolled out group chats already; If there is one specifically about whimsical CSS nonsense, flora and fauna observations, bird photography, cookies, and tab management skills? I'm down for an invite 💜

Hell yeah, thinking this is done for now ☺️ I removed the SVG filter that was causing some issues, and used a border-image instead. Animation is being achieved through clip path now, replacing background-position. No wrappers going on, just making use of both CSS pseudo ::before and ::after #CSS

Don't mind me, just testing a post from mu.social ; in a bit I'm going to edit it 👀 Edit: Edit test