✅ 🖥 Crafting a 13KB Game: The Story of Space Huggers

We always love Frank’s dives into how he produces neat JavaScript experiments and, in this case, a complete game in just 13KB — and if it inspires you, the latest js13kGames game development competition has just started.

Link to the article

#frontend #game #js
#article

✅ 👩‍💻 Relative Color Syntax - Some Basic Use Cases

We now have broad support for the relative color syntax. Chris Coyier takes a look a this “extremely powerful way to manipulate colors in CSS” in relation to colors you're already using.

Link to the article

#css #frontend
#article

✅typlr.app: Create Fonts in the Browser

If you’ve never attempted to make your own font, this might be a cool place to start! This interactive tool allows you to customize each letter’s shape and kerning, and you can install it as a PWA.

Link to the tool

#frontend #tool #font
#article

✅ 🖼️ Introducing Nuxt Scripts

Nuxt Scripts provides better performance, privacy, security, and developer experience for third-party scripts.

Link to the release

#frontend #vue #nuxt #script
#release

✅ 🖥 How Google handles JavaScript throughout the indexing process

Understanding how search engines crawl, render, and index web pages is crucial for optimizing sites for search engines. Over the years, as search engines like Google change their processes, it’s tough to keep track of what works and doesn’t—especially with client-side JavaScript.

We’ve noticed that a number of old beliefs have stuck around and kept the community unsure about best practices for application SEO:

- “Google can’t render client-side JavaScript.”
- “Google treats JavaScript pages differently.”
- “Rendering queue and timing significantly impact SEO.”
- “JavaScript-heavy sites have slower page discovery.”

Link to the article

#frontend #js #google #vercel
#article

✅ 🖼️ Getting Started with Nuxt Modules

This guide aims to provide detailed insights and clear explanations to fully grasp the power and utility of Nuxt modules.

Link to the article

#frontend #js #nuxt #modules #vue
#article

✅ 👩‍💻 React is (Becoming) a Full-Stack Framework

Robin opines on some widely discussed topics in the React community over the past year or two: Where’s React going? Is it a frontend library? How does the backend fit in? He shares his thoughts on what led him to use Server Components and Server Actions and to consider React as more of a full-stack solution.

Link to the article

#frontend #react #fullstack
#article

✅ 🖼️ Nuxt 3.13 is out

I'm pretty excited about this release - we've ported some features we had planned for Nuxt v4 back to v3, as well as a raft of bug fixes and performance improvements - as usual.

Link to the release

#frontend #vue #nuxt
#release

✅ Astro 4.14 is out

Astro 4.14 is out now! This release includes the first experimental release of the Content Layer API, our new super-flexible solution for managing content in Astro projects, support for Intellisense inside content files, and more.

Link to the release

#frontend #vue #react #astro
#release

✅ 🖥 Regexes Got Good: The History (and Future) of Regular Expressions in JavaScript

Regular expression support was always a little underwhelming in JS, but things have improved. Steven takes us on a tour to refresh our knowledge, as well as show off his ‘regex’ library that boosts JS regexes to a true A++ rating. Steven was co-author of O’Reilly’s Regular Expressions Cookbook and High Performance JavaScript so knows his stuff.

Link to the article

#frontend #js #regex
#article

✅ 🖼️ Introducing hubAI()

This new method allows you to run machine learning models, such as LLMs, directly within your Nuxt application with minimal setup.

Link to the release

#frontend #nuxt #vue #ai
#release