I'm pretty excited about this new ESLint rule for CSS that checks for baseline status. Please leave feedback here:

github.com/eslint/css/p...

Interactive SVG Animations is now live!

Everything I know about SVGs, distilled into five modules covering everything from syntax, advanced SVG features, peformance characteristics and more!

You can preview the first lesson right here (desktop-only atm!)
svg-animations.how/preview

#CSS color

what's the difference between adjusting lightness, adding white, and adding black?

feel it out, here in this Codepen

column
1: from color to 100% lightness
2: from color to white
3. from color to black
4. from color to 0% lightness

codepen.io/argyleink/pe...

Build things with curiosity. Build things that interest you, even if they seem silly. Every build is a step towards growth.

TSConfigs aren't that hard.

They're basically just 2 if/else statements in a trenchcoat.

More info:

www.totaltypescript.com/tsconfig-che...

thanks to this incredibly thoughtful and clever script, i'm about to start Complete CSS on my company's dime! love that y'all created this and can't wait to get started

Redux is a popular state management library for JavaScript apps. Handling async operations in Redux can be tricky – but Redux-Thunk can help. Joan explains how it helps your apps handle async actions.
Search freeCodeCamp News or our app for: "How to Work with Redux-Thunk – Explained with Examples"

Math can help simplify your code. And here, you’ll learn how to structure your code to be more readable & maintainable. You'll build a musical polyrhythm app along the way using JavaScript.
Search freeCodeCamp News for: "Learn How Math Can Make Your Code Better By Coding Polyrhythms"

Extensibility API for the win!!
developer.chrome.com/docs/devtool...

You know that annoying absolute positioning trick to add an inset ring around images to help them stand out?

Way, way easier these days now that `outline` follows border radius 👌🏻

This fun project can help you practice your coding skills. You'll use Next.js, Tailwind CSS, & MongoDB to build a ticketing app. Your app will assign and track issues, enable collaboration, & more.
Course on freeCodeCamp News: "Use Next.js, Tailwind CSS, and MongoDB to Build a Ticketing Application"

When you're designing a website, there are many tools you can use. CSS Flexbox & Grid are two of the most popular - so how do they work? Which should you use? Here, Maybell explains their features & helps you choose one.
Article on freeCodeCamp News: "Flexbox vs Grid in CSS – Which Should You Use?"

Spot Non-Composited Animations in Chrome DevTools

> The animations track of a performance trace can now tell you if and why an animation was not composited.

www.bram.us/2024/12/10/s...

Want to know if your redesign actually improved user experience? See real-world performance data with Chrome UX Report! Compare your production (old) and new designs to measure the impact. @tunetheweb.com #webperf #ChromeDevTools

Analyze perf: https://buff.ly/49lv7hM
CrUX: https://buff.ly/3BcmKsq

JavaScript's map method is a powerful tool you can use to work with arrays. It helps you transform data, manipulate strings, and lots more. Here, Sahil explains map's syntax and walks you through some code examples.
Article on freeCodeCamp News: "JavaScript Map Method – Syntax and Code Examples"

Wow, Supabase is 🔥.

So far I'm enjoying:

Edge functions
Built-in user auth
Solid docs and SDKs
Granular row level security
Web-based DB Admin interface
Realtime updates via websockets
Auto-generated REST API with docs
Generate TS types from the DB schema

I'm impressed.