✅ 👩‍💻 👩‍💻 HTML Web Components Make Progressive Enhancement And CSS Encapsulation Easier

A look at three specific examples that show off key features of Web Components, including CSS style encapsulation and opportunities for progressive enhancement.

Link to the article

#css #html #frontend
#article

✅ 👩‍💻 3D Scene → Object → Chicken: A Complete 3D CSS Guide

A new video series looking at creating 3D scenes and objects with CSS.

Link to the video

#css #html #frontend #3d
#video

✅ Releases

- jQuery UI 1.14.0 – The legacy effects and widgets library reduces support for older browsers.
- Madge 8.0 – Create graphs of module dependencies.
- React Native 0.75
- Angular 18.2
- Bun 1.1.23
- ESLint 9.9

#releases #js #jquery #eslint #bun #angular #react #madge

✅ 🖥 ECMAScript Safe Assignment Operator Proposal

We often feature ECMAScript proposals that are in their later stages, but how about a brand new one you could get involved with? This one proposes an interesting additional bit of language syntax (?=) that returns a [error, value] tuple from an assignment.

Link to the article

#js #ecmascript #engine #frontend
#article

✅ 👩‍💻 Sorting Lists with Vue.js Composition API Computed Properties

Imagine building a cool quotes app in Vue js 3 with script setup and composition API. To make it even cooler, you want to let users sort the quotes by different criteria. Here's where computed properties come in to play! In this quick tutorial, learn how to leverage computed properties to effortlessly sort lists in Vue.js 3.

Link to the article

#frontend #vue #composition #computed #junior #easy #base
#article

✅ 🖥 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