Derek
@meridian.design
Moderately well-adjusted nerd, husband (got lucky), and paterfamilias of way too many hairy critters.
Founder & Design Engineer (i think) @ Meridian
🔗 https://meridian.design
Founder & Design Engineer (i think) @ Meridian
🔗 https://meridian.design
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
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
December 5, 2024 at 12:55 PM
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
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
Josh never disappoints!
Very few have the talent to teach and communicate complex topics like he does.
Very few have the talent to teach and communicate complex topics like he does.
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:
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:
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...
joshwcomeau.com
December 3, 2024 at 8:36 PM
Josh never disappoints!
Very few have the talent to teach and communicate complex topics like he does.
Very few have the talent to teach and communicate complex topics like he does.
Webflow component style variant classes are beyond ugly. 🤢
Not a fan of how they mangle my classes, especially if you unlink the components.
Not a fan of how they mangle my classes, especially if you unlink the components.
November 26, 2024 at 5:25 PM
Webflow component style variant classes are beyond ugly. 🤢
Not a fan of how they mangle my classes, especially if you unlink the components.
Not a fan of how they mangle my classes, especially if you unlink the components.
Check out how Webflow component variants are making our Zazz design system even better. Here's a quick demo that shows what's possible.
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.
www.loom.com
November 22, 2024 at 2:27 PM
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?
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?
November 21, 2024 at 1:49 PM
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?
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?
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-...
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-...
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...
webflow.com
November 20, 2024 at 8:28 PM
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-...
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-...
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
Motion (fka Framer Motion) just dropped as a vanilla js lib. At 90% the size of GSAP and with much better everything.
motion.dev
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.
motion.dev
November 18, 2024 at 2:44 PM
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
Motion (fka Framer Motion) just dropped as a vanilla js lib. At 90% the size of GSAP and with much better everything.
motion.dev