Author of Capri, node-dev, oazapfts, typed-rpc, react-api-query, classname-variants and lots of other small modules.
Hamburg
Joined June 2008
- Tweets1.8K
- Following682
- Followers1.2K
- Likes3.9K
Any #nextjs experts out there who can help me with this caching/ISR question?
github.com/vercel/next.js/di…
🧙♂️ My new favorite method for checking types at both runtime and compile time:
ALT Runtime type checking with type-assurance.
I really dig the new API for aborting requests:
ALT Code example using client.$abort(promise) to cancel a request.
Did you ever hesitate to add a library like zod to your project because you didn't want to add 13kb to your bundle size for a bunch of runtime checks? With github.com/fgnass/type-assur… you get a lot of the features in just 443 bytes 😱
[email protected] retweeted
View Transition powered drag n' drop!
just drag events then swappin DOM,
#CSS view transitions doin all the animation work (which it's GREAT AT)
🤯
that animated emoji don't miss a beat
try it!
codepen.io/argyleink/pen/rNQ…
I can't stop seeing #CSS View Transitions!
here I'm animating new `node.textContent`, letting the browser handle the morph while bringing in custom animations (and stagger) for stage enter and stage exit 🥲
try it codepen.io/argyleink/pen/jOQ…
🔵 I guess I prefer social networks with a bright theme, like blue for example:
bsky.app/profile/fgnass.bsky…
Works like a charm, even with German recipes 🧑🍳
Announcing yums.email 👇
yums.email is a recipe storage system built on top of email. Find a recipe you like, send an email to `[email protected]` and you'll get an email back with the recipe nicely formatted.
See yums.email/ for more.
[email protected] retweeted
Today I learned: By using an HDR <video>, a website can display a very bright white, like ~7 times brighter than #FFFFFF, on an iPhone/iPad.
This can be used to e.g. show a bright QR code for easy scanning despite user’s low brightness settings.
notes.dt.in.th/HDRQRCode
Following up on @aleksandrasays #FutureFrontend talk on APIs I'd love to also mention github.com/fgnass/typed-rpc which is
a really really lightweight, type-safe JSON-RPC implementation that also works in Cloudflare Workers or Deno ⚡
I so much enjoyed yesterday's #FutureFrontend session by @teropa and @jevakallio on Web Audio and CRDTs! A few years ago I built fgnass.github.io/orca.wtf/ which allows for jamming together via Yjs 🎧
Will frontend development become obsolete any time soon? Great panel discussion here at #FutureFrontend about AI 🤖 – at Helsinki, Finland
The historic Helsinki Stock Exchange is such a great venue for #FutureFrontend.
Just look at these amazing control panels here on stage 🤩 – at Helsinki, Finland
ALT A bunch of historic knobs behind a glass panel
😎 I did some spring cleaning and switched to a light theme to work in the sun
🎨 Theme: Ayu Light
📰 Font: Cascadia Mono
🖼️ Background: ceciliaruiz.com/
ALT Screenshot of my desktop
[email protected] retweeted
the future is going to be very weird.
but i would absolutely watch the wes anderson remake of the matrix
🤯 My name will be physically stenciled onto a tiny chip and fly to Mars 🚀🏷️mars.nasa.gov/participate/se…
Here's the Figma link for anyone who wants to remix it or print their own: figma.com/file/ywSeaMgalMovT…
What a great line-up! I'm looking forward to talking about Capri at futurefrontend.com this year. If you live in Europe and plan to attend a frontend conference, make sure it's this one!
I have a rAF-driven render loop that occasionally exceeds its frame budget. The code could be split into smaller chunks. What would be a good pattern to schedule these tasks so that they all run in the same tick on a fast machine, but get split up if they take too long? 🤔
I'm looking for a good way to visualise a country's CO₂ emissions per second so that you can somehow grasp the order of magnitude. The best approach I've found so far is vimeo.com/517143623 Do you know any other good examples?