Ready for the first cool demo of the year?
A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀
Demo: codepen.io/t_afif/full/... via @codepen.io
✔️ 100% CSS Magic
✔️ Minimal HTML
❌ 0% JavaScript
A Chrome-only experimentation using modern CSS.
I've just about resurrected myself from the freight train-like cold I'm pretty sure I picked up at React Advanced. Lesson learned: hose myself down with hand sanitizer after interacting with humans
"Multi-view frontend debugging toolkit"?
"Browser" doesn't really make sense since only a psychopath would use it to actually browse the web ...right?
Three monitors each showing a different live talk from the React Advanced conference
What do you mean I can't attend all 3 tracks at once? #ReactAdvanced
A view of the React Advanced livestream on a TV, with an Australian style hat, a notebook and a convention pass in the foreground
Ready to go for day 2! #ReactAdvanced
A view of the React Advanced London 2025 pub quiz, looking from the crowd towards the hosts who are flanked by two screens that were used to display the questions
I had to leave before the end to run for a train, but I presume our team "PEPEroni" won yesterday's #ReactAdvanced pub quiz, right?
...right?
Looking for Black Friday deals? @piccalil.li has a nice roundup of dev-related ones that are currently running.
piccalil.li/links/black-...
The main stage at React Advanced, where a man is controlling 2 smart bulbs directly from a React app
Nerdtacular highlight of the day so far: Erik Rasmussen using a custom renderer to render a React app to two lightbulbs with a complete state machine #ReactAdvanced
That being said, I'll need to catch the recording of building KITT in JS later 🤔
A blank convention badge
I signed up kinda late so I am a mystery, an enigma with no name (unless you look at the handwritten one on the other side) #ReactAdvanced
The main stage at the React Advanced London web development conference, before the show starts
It's only taken 18 years in the industry but I've finally decided to attend a conference in the meatspace 😅 #ReactAdvanced
In a museum of bad UX designs 😆
Or that JS' "var" keyword declares a variable instead of a scope-ignoring bug-generating eldritch horror
*whispers* corner-shape 🤫👂
🟢 round
scoop
📐 bevel
⛏️ notch
⬛️ square
🐿️ squircle
🦹🏻♀️ superellipse
*Pass it on*
codepen.io/una/pen/PwNo...
I can't find the dislike button 😅
But calling var() to access a prop makes total sense!
There's so much happening and I can't possibly keep up with it all, so I'm mostly looking at big/rapidly upcoming things that have slipped past me.
Plus whether the things I _am_ using are in rapid decline and I need to start looking for alternatives 😅
If anyone's interested in my workaround I've set up nodemon to call my build script whenever a source file changes, and a static site server to serve up the built files.
I have to manually refresh the page and don't get incremental builds, but it works 🤷
I'm playing with Eleventy at the moment and finding its dev server really quite uncooperative.
It's seeing the changes to my files and rebuilding/refreshing, but not actually using the updated files until I restart the server 😖
I think `animation-composition: accumulate` is gonna see more action with `random()`, as it's like "take what you already got as a value and augment it rather than replace it".
Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)
It's been a few years, let's give this whole social media thing another go 🤔
