Hey there!

Mads here with the Top 3 in Tech newsletter. I missed sending you the goodies last week, but that’s only because I’ve been migrating the newsletter to a new platform called Beehiiv! 🐝

Don’t worry though: You’ll still be getting all the cool updates, new tools and amazing resources that you’re used to. The emails will just look a bit different - but it will also be easier for you to share with your friends and family if you think they might also benefit and learn something from it ✌

So without further ado, let’s dive right into today’s picks and how the Web is continuing to evolve at an amazing speed:

1. 21 Awesome Web Features you’re not using yet

The first pick for this week is a Youtube video by Fireship - whom you probably already know I love for his great content and amazing humor. In the video he breaks down 21 cool new features when building websites. Some of them are already available and have great browser support, while some are still in the early stages.

I think it’s crucial to have an understanding of the platform and what features we can start using to make the lives easier for both us, the developers, but also our users 🙌

Some of the big ones are container queries, the new dialog element, WebGPU and CSS nesting - but there’s a lot more in the video, so check it all out here:

2. The Vercel AI SDK

If you’re not living under a rock, you probably know that AI is all the rage right now - and for good reason. It unlocks a lot of amazing opportunities that simply weren’t possible before. But building on top of these different AI services hasn’t exactly been a great experience so far.

Luckily for us, Vercel just announced a new AI SDK that make it a lot easier to integrate and create great user experiences while leveraging existing AI services. It’s still early days, but the SDK already helps you create streaming interfaces (like text being “written out” as in ChatGPT) with very minimal code. And I’m super excited to see where they go from here as new features get added over time 🔥

Read the announcement post here

3. Diagram

The last tool I want to bring up is not so much for developers specifically - but it will definitely have an impact on how and what we code in the future. It’s called Diagram, and it’s a collection of AI-powered design tools to assist designers in their workflow. It was also just recently acquired by Figma.

I’m super curious to see how AI will continue to impact the entire website building process, and this definitely feels like one of the big changes: The ability to automagically spin up completely custom and bespoke designs, or just gather inspiration quickly. And maybe in the future these tools will get so good that it allows us developers to build amazing looking products, without relying as much on designers. Time will tell!

Small tangent: the landing page for Diagram is an absolute piece of art (maybe AI assisted? Who knows 👀). So do yourself a favor by checking it out and enjoying all the amazing attention to detail in the animations:

 Get blown away by the Diagram landing page

​That's all for now! See you in 2 weeks ✌️

If you did, why not share it with your friends! Either by forwarding this email, or by posting about it on Twitter, LinkedIn, or Facebook. You can also simply copy/paste the link mads.fyi/top3 on other platforms. It really helps to keep me motivated and let the newsletter grow.

— Mads Brodt