Frontend Masters Blog – Page 17 – Helping Your Journey to Senior Developer

Latest Articles

CSS Scroll-Driven Animations Variable Fonts

Scroll-Driven Letter Grid

By Chris Coyier on Jun 09, 2025

scroll-timelines go from 0 to 100. Many variable fonts axis have similar ranges, like 100 to 900. Surely that’s begging for interplay.

JavaScript

firstChild can be white space

By Chris Coyier on Jun 05, 2025

Just a tiny gotcha.

Deployment Hosting HTML Portfolio

The Simplest Way to Deploy Your Own Updatable Portfolio Site

By Chris Coyier on May 29, 2025

For the true beginners out there! We’ll put the files in a GitHub repo and connect it to Netlify to host it.

CSS Custom Properties Filter JavaScript

CSS Spotlight Effect

By Amit Sheen on May 26, 2025

We can pass the mouse position from JavaScript to CSS and use it to make unusual and playful effects.

@starting-style CSS Dialog offset-path prefers-reduced-motion shape()

Move Modal in on a… shape()

By Chris Coyier on May 22, 2025

Got an old “modal” design? Now might be the time to upgrade it to a

Post Thumbnail for ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch

AI Gradients Vendor Prefixes

ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch

By Ana Tudor on May 20, 2025

It was a lovely day on the internet when someone asked how to CSS animated gradient text like ChatGPT’s “Searching the web” and promptly got an answer saying “Have you tried asking ChatGPT? Here’s what it told me!” – well, maybe not these exact words, but at least it rhymes. Both the question and this […]

The Beat

Very interesting (2 hour!) conference talk from Casey Muratori that is quite a deep historical dive into Object-Oriented Programming. Some of it went over my head, but it was still a fun watch. It’s great to think about where we draw boundaries in software development, and in this case, looking at the difference between drawing those boundaries around specific objects vs. around systems.

A little reminder from Matt Smith that getting the last item in an Array is easier now:

const fruits = ["apple", "banana", "cherry"];

/* newer, easier */
console.log(fruits.at(-1));

/* older, harder */
console.log(fruits[fruits.length - 1]);
Code language: JavaScript (javascript)

Josh Comeau does a great job with beginner-friendly explanations of important concepts, and Promises From The Ground Up is no exception. In a nutshell, we have Promises because we need callbacks. We need callbacks because JavaScript is single-threaded and can’t wait around for things. And so we dance. These days, you’ll see more async and await, but it’s just what they call “syntactic sugar” over Promises, which is to say, a cleaner way to write the same code.

Will Sentance goes deep into Promises in JavaScript: The Hard Parts when you’re ready.

Featured

Image Gallery with Popovers and AIM (Anchor-Interpolated Morph)

Popular

Latest Articles

Scroll-Driven Letter Grid

firstChild can be white space

The Simplest Way to Deploy Your Own Updatable Portfolio Site

CSS Spotlight Effect

Move Modal in on a… shape()

ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch

The Beat

Featured

Image Gallery with Popovers and AIM (Anchor-Interpolated Morph)

Popular

Latest Articles

Scroll-Driven Letter Grid

firstChild can be white space

The Simplest Way to Deploy Your Own Updatable Portfolio Site

CSS Spotlight Effect

Move Modal in on a… shape()

ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch

The Beat

The Big OOPs: Anatomy of a Thirty-Five-Year Mistake

new Date(“wtf”)

How JavaScript’s at() method makes array indexing easier

Promises From The Ground Up

Subscribe

Wanna write?