The relentless discourse about #ai agents coming for our web dev jobs has finally progressed us to the acceptance stage.

So, we experimented with vibe-coding a @nuxt 4 PWA using #Cursor, and blogged about the experience here

https://www.blackspike.com/blog/vibe-coding-a-nuxt-4-pwa/

TLDR we're doomed, but not just yet.

Try the app here
https://vibecards.blackspike.com

and cringe at the code here
https://github.com/blackspike/greek-vibe-cards

The relentless discourse about #ai agents coming for our web dev jobs has finally progressed us to the acceptance stage.

So, we experimented with vibe-coding a @nuxt 4 PWA using #Cursor, and blogged about the experience here

https://www.blackspike.com/blog/vibe-coding-a-nuxt-4-pwa/

TLDR we're doomed, but not just yet.

(a greek friend has told us the ai reading of the words is wrong and bad)

we have spent the weekend vibe-coding for the first time to see what all the fuss was about. we built a flashcard #pwa for learning greek alphabet/numbers using @nuxt v4, #vue and #tailwind

we used cursor (also for the first time) and eleven labs to generate the audio.

some rough parts, and we haven't even looked at the #javascript it generated but it is a workable app. a very eye-opening experience! it is also successfully teaching us greek.

app: https://vibecards.blackspike.com
code: https://github.com/blackspike/greek-vibe-cards

bad cross-browser things are happening to css again

..admittedly some decidedly futuristic css from our #css test codepen https://codepen.io/blackspike/pen/emNzMON #browsers

We keep a @codepen pen around for trying out all the new cursed #CSS features we hear about.

We've just added ***data- types*** and a **css-if** function 🥴

Almost all the new features are latest-chrome only, concerningly

https://codepen.io/blackspike/pen/emNzMON

#webdev #html #cursed

We keep a @codepen pen around for trying out all the new cursed #CSS features we hear about.

We've just added ***data- types*** and a **css-if** function 🥴

Almost all the new features are latest-chrome only, concerningly

https://codepen.io/blackspike/pen/emNzMON

#webdev #html #cursed

✨ Add the closedby="any" attribute to your #HTML <dialog> elements for zero #JavaScript click-outside to close ✨

chrome/chredge only atm #webdev #tip

👉 demo https://astro-theme.blackspike.com

Just renewed the domain for https://spike.news ($22, @porkbun), our oldest and favouritist side project – since 2009! V7 is made with #nuxt, #vue, and #supabase.

case study here btw #nuxt https://www.blackspike.com/case-studies/spike-news-progressive-web-app/

great job on the SQL Server 2025 icon design! very nice 👏

https://en.m.wikipedia.org/wiki/Microsoft_SQL_Server

Behold! A second video in our pivot to video experiment. This one is about how we use AI to write single-use AppleScript macOS applications to encode web-ready video to optimised mp4, webm, and avif.

https://youtu.be/kMqj5F2YwVQ

#webdev #macos #applescript #ffmpeg #webm #avif #ai #grind #pivotingWildly

Hey friends, did you know you can make a modal <dialog> element dismissible by clicking outside (aka light dismiss) by adding `closedby=any` to it. That's it. That's all there is to it.

<dialog closedby=any>

https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy

Chrome 134+, Firefox 140+, coming soon to Safari.

Or, like a normal person who prefers to read, rather than watch, read the blog post at

https://www.blackspike.com/blog/creating-mac-app-webdev-tools-with-ai-and-applescript/

Behold! A second video in our pivot to video experiment. This one is about how we use AI to write single-use AppleScript macOS applications to encode web-ready video to optimised mp4, webm, and avif.

https://youtu.be/kMqj5F2YwVQ

#webdev #macos #applescript #ffmpeg #webm #avif #ai #grind #pivotingWildly

it's so fun making little vfx animations in @Blender #b3d

@nuxt #nuxt

https://bsky.app/profile/nuxt.com/post/3lq36jeclq223