Derek

a man is smiling with sweat running down his face . ALT: a man is smiling with sweat running down his face .

I'm not crying, YOU'RE crying!

What if I'm unsuccessful at trying to be unsuccessful at what I do?

Am I successful or unsuccessful?

Life is short.

git push origin main --force
git remote remove origin
git branch | grep -v main | xargs git branch -D
git reflog expire --expire=now --all
git gc --aggressive --prune=now

Consider this my application to be followed here and not Twitter. 🤌

Josh never disappoints!

Very few have the talent to teach and communicate complex topics like he does.

Dangit! Your fake account followed me today, too. I knew it was too good to be true. Woe is me! 😭

Unlinked component variant classes

Webflow component style variant classes are beyond ugly. 🤢

Not a fan of how they mangle my classes, especially if you unlink the components.

Webflow Component Style Variants - Zazz Style Guide Use Loom to record quick videos of your screen and cam. Explain anything clearly and easily – and skip the meeting. An essential tool for hybrid workplaces.

Check out how Webflow component variants are making our Zazz design system even better. Here's a quick demo that shows what's possible.

I've noticed a growing trend in established, modern software to consistently release blatantly half-baked features.

A great example of this was when Webflow first released variables, you couldn't reorder them—huge oversight! 🤦‍♂️

Figma's variables are STILL half-baked.

What's the reason, I wonder?

New variable types: Number and Percentage | Webflow Updates With new variable types, designers can codify unitless numbers and percentages in a design system as variables. Expand your design system’s definitions for line height, font weight, dimensions, effect...

Adding % and # fields to Webflow vars is actually a huge win for advanced design systems.

For example, in Zazz, relative color functions like:
oklch(from var(--primary) calc(l + (0.1 * var(--mode-value))) c h);

Can now just be abstracted to:
primary-lighten: 0.1

webflow.com/updates/new-...

Motion - A modern animation library for JavaScript and React Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.

Ruh roh! Webflow pulled the trigger on acquiring GSAP too early.

Motion (fka Framer Motion) just dropped as a vanilla js lib. At 90% the size of GSAP and with much better everything.

motion.dev