Jeroen Reumkens — Frontend.fyi

Dotted some i’s on this new hero animation ✨

I’ve been offline on most socials for a while. X became too toxic and drained all the joy out of it. Opened Bluesky again and this still feels so much nicer ❤️ How’s everyone doing here? Anyone working on something cool?

Honey wake up, Joma is finally back! Such a great video again 🤯 www.youtube.com/watch?v=YRd...

With such a title for my daily playlist, there's probably little that can go wrong on a monday morning 🥰

Very close to wrapping up a BIG new release for the FrontendFYI Playgrounds — Juuuust need to do some responsive fixes 🫠

When did they add the ability to advance time with Stripe Subscriptions in test mode? This is gold! 🔥

New stash came in. Love the vibrant colors the packaging has.

Let's see if Codex is capable of doing something a bit more challenging. Touching quite some files, involving quite a few lines of code.

Exploring OpenAI's Codex a bit. First thing it complains about is me leaving in a placeholder readme and fixing that for me. I like it. It's super accurate too.

Got some new tech

The Frontend FYI playgrounds got a visual refresh — better spacing, clearer UI, and just a smoother place to build. No feature changes, just thoughtful tweaks that make it feel right.

Good some new good stuff from Barcelona

Help. Second day of not being productive, fighting Prisma 😭

What a day 🤯 This morning suddenly Prisma couldn't find my env vars anymore, nothing would fix it. Eventually got it fixed by upgrading Prisma. That was a major upgrade though, having some breaking changes. Now that's fixed Turbo is running out of memory during build 😭

Been shopping for a new tree for the house today 🥰

Received the first Tesla hate today. People are sad... Driving this car doesn’t mean you idolate Elon. But I get it, this is an easy thing to do.. Luckily this guy “only” wrote SS on my dirty car 🤷‍♂️

Is there a way to hide this stupid Meta AI thing in WhatsApp? They put this nonsense right in our face….

Stumbled on the new UA+ reset stylesheet by Manuel Matuzovic — super interesting to look through this and see the _why's_ behind every rule. Check it out! fokus.dev/tools/uaplus/

Just updated the playgrounds' console to also show logs, instead of only errors. What was I thinking when first building this, showing only errors. Of course you need all these 'here' 'here' 'here' logs 😉 What else would you like to see added?

🔥 Wrapping up the latest Motion course module, and I just couldn't wait to share this! We’re diving deep into the animate() function to build advanced, multi-element animations. This example? Just the beginning of what you'll create! Can't wait to see how you'll use this!

Just fixed quite an important bug in my playgrounds 🤯 What do you think happens here when the user is not logged in (user = undefined)?

I like these big carousels on pages. But what I don't get is why the engineers took the lazy route here and just added a scrollbar there? On windows this will look even uglier 🤯

Finally found a cheap-ish but good option for making espresso as the studio

Tried to add a simple credits system. Realized the whole account page was trash. Here's the diff from my "quick fix." Ever started with a small feature, only to end up rewriting half the app? 😅

The old account page? Definitely an MVP — and it's been bugging me ever since. With more courses and recipes on the way, it’s time for a real dashboard at Frontend FYI. Oh — and those credits? Soon you’ll be able to unlock content without PRO 👀

Lol, thank you Warp. One notification apparently wasn't enough to get me to upgrade

Now we've finally ended up at the more complex animations chapter, it is time to start diving into animation sequences. I took inspiration for this lesson from from the Dropbox Brand Guidelines you find here; brand.dropbox.com/logo Beautiful animations on that page!

A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast, by Nate Baldwin. It provides short introductions and many links to dig further. colorandcontrast.com/#/

Today I learned about the Model Context Protocol. As I understand it, a standardised way to make LLMs interact with anything, we write the MCP middle layer (in for example TypeScript), to talk to a Database, Google Maps, your bookkeeping etc. EXCITING 🤯 modelcontextprotocol.io/quickstart/...

Finally got around to adding a Github Login / Signup. Isn't it a must for a developer focussed platform? I guess so.

Moments like these make me really surprised by today's capabilities of AI. Its able to take a very basic instruction and ugly code from a screenshot (!!), and turn it into something that works perfectly🤯 Sure it's not a 1-1 representation, but that also wasn't what I asked for

Version two. Muuuuch more professional 😏 Only need to create a logo which I can add onto the coffee bag as well.

First steps towards experimenting with a different type of content😏 Making frontend content is such a serious business. This is gonna be fun on a different level Not sure when I'll be able to create a first video. This was just a fun first experiment. Have a great weekend!

Alright, gonna press the button 🤞 Quite the journey.. Still not entirely sure I didn't miss anything, but this needs to be done now. Took me far more time than I hoped. Let me know if you spot anything that looks off please. Playgrounds are still on V3 for now.

Using Tailwind V4 with Astro? Be aware that if you have any unique classes inside a `client:only` component, these won't get bundled into your CSS file. Thus you might end up with some broken styles. The team is aware and working hard on getting a fix for this asap ❤️

Considering my life choices for choosing Tailwind for my Motion course: Dilemma: Should I update my playgrounds to V4, meaning I need to prompt for all these breaking changes in old save states of users – or should exercises stay on V3 (bad idea too) Plus videos show V3 too!😫

Possible UI direction for my next course. All about CSS — with AND without Tailwind. We’ll be building a beautiful page from A-Z.

Tailwind V4 MIGHT break (Framer) Motion animations 🚨 V4 uses individual transform properties. Meaning if you set a initial state on a transform via a Tailwind class, TW uses `translate`, and Motion uses `transform`. Ending up in having the translation applied twice! 🤯👇