Email from Dribbble: "Hi Nicola Black, We want to inform you of an important change to our Terms of Service. What's changing? Starting today, Dribbble designers and clients who meet on Dribbble must keep payments on Dribbble. This means designers are no longer permitted to display or share their contact information (like email addresses, phone numbers, social media handles) prior to client payment on Dribbble. After payment, designers and clients are able to exchange contact information."

Screenshot from Dribbble's blog dated 3/17/2025: "Today, we’re instituting a new policy that requires clients and designers who meet on Dribbble to keep payments on Dribbble. Clients and designers may not request contact details from each other, or display or share their own contact details, with regards to a work opportunity, until the client has made payment through the platform. Dribbble applies a Platform Fee of 2-5% to the client’s payment (depending on transaction size) and 0-3.5% to the designer’s payout (depending on whether or not they subscribe to Pro). By making payments on Dribbble, clients: Avoid scams and incomplete or unsatisfactory work (we don’t release funds until the work is complete). Protect against intellectual property claims (they receive full copyright ownership under our Terms). Can rate and review the designers they work with. By accepting payments on Dribbble, designers: Avoid scams and late payment or nonpayment (client funds the project in advance). Rank higher in search results (more completed projects means more leads). Can avoid transaction fees by subscribing to Pro."

It's been ages since I've used my Dribbble account, but this email that just landed in my inbox is why I'm deleting the account.

Designers, please hold onto control of your contracts, copyright, licensing, usage terms & agreement, and payment terms. It's so important! 😬 This news = big yikes IMO.

you: why'd it take so long to remake your website
me: needed a physics engine for my text
you: ???
me:

Next-level frosted glass with backdrop-filter • Josh W. Comeau Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...

One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.

When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.

✨ I share the secret sauce in my brand-new post:

10 items distributed on a grid with 5 rows and 2 columns.

10 items distributed on a grid with 4 rows and 3 columns, first item stretching all across the first row.

10 items distribute on a grid with 2 rows and 5 columns.

10 items distributed on a grid with 2 rows and 9 columns, first item stretching all across the first row.

#tinyCSStip

You can use pure CSS `pow()` to easily switch in between layouts based ton the viewport aspect-ratio. 😎

#CodePen demo codepen.io/thebabydino/...

The `grid-template-columns` property gets set only once! We only set an exponent `--exp` for each aspect ratio. 😼

Are front-end/web dev people using mostly Mastodon? Every time I check BlueSky, my feed is dead ☹️

Decided that I will no longer be learning what people are talking about

Friendly reminder:

Just Write. sarasoueidan.com/desk/just-wr...

Even if only one person learns something from your writing, you’ll feel great, and that you’ve contributed—even if just a little bit—to this amazing community that we’re all constantly learning from.

// html
<button id="yo">…</button>

// js
yo.onclick = …

No document.querySelector() needed,
element ID's are on the window object. #oldie

width: calc(var(--max) - mod(var(--max), var(--val)));

#tinyCSStip Ever want an element to be responsive, always fit within a certain `--max` (for ex. `95vmin`), but also want its size to always be a multiple of a certain `--val` (for ex. `15px`)?

Sizing an element in steps, if you will.

🆕 #CSS mathematical functions to the rescue!