Donya Inman

Software Designer. Here to watch.

[Donya Inman @dSine_Lab]

@deancain 26 years old is also 26 years young! May your year be blessed.

[Steve Inman @SteveInman]

Merry Christmas from the Inmans.

[Steve Inman @SteveInman]

Had a small part as the Commentator in this film. Thank you Dean Cain for the opportunity. Looking forward to the release.

[Donya Inman @dSine_Lab]

@kristinawong Thank you for being our eyes and ears. Safe travels!

[jhey ʕ•ᴥ•ʔ @jh3yy]

curved scrollbar: completed it ✅

CSS + SVG to animate stroke-dashoffset combined with scroll-snap

[jhey ʕ•ᴥ•ʔ @jh3yy]

using CSS grid you can avoid width change in the parent container whilst making it responsive 🤙

the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨

[Adam Argyle @argyleink]

#CSS linear() easing can be

soft, subtle and minimal
OR
firm, tense and loud

here's how I'm using it in a few areas of my site ❤️ so fun.

[Adam Argyle @argyleink]

Wildest #CSS media query I've written in a while

`@container (inline-size >= calc(100cqi - 120px))`

yep, `calc()` in a MQ!

WHY?
to re-anchor buttons to be "inside" when space is tight

video:
purple outline's are containers

https://t.co/Iqkt0G4Y1B

[Steve Inman @SteveInman]

Celebrating being old today.

[Donya Inman @dSine_Lab]

@JackPosobiec Kash

[Steve Inman @SteveInman]

Cheers to 2M followers. We took one sip and our old asses went to sleep. 😂

[Donya Inman @dSine_Lab]

@catahouligan_ @InmanGoneWild Lololol

[jhey ʕ•ᴥ•ʔ @jh3yy]

Directional aware CSS button :hover w/ lh, text-shadow, and linear()

button:has(span:nth-of-type(2):hover) { --y: -1lh; }
button span:first-of-type {
translate: 0 var(--y);
transition: translate .875s var(--spring);
text-shadow: 0 1lh currentColor, 0 -1lh currentColor;
}

[Steve Inman @SteveInman]

Happy Father's Day Weekend from the Inmans.

[Nick Babich @101babich]

💎 Notification Decision Tree

It will help you choose the right type of contextual notification depending on your goal

[Manoela Ilic @crnacura]

Today we have a fantastic tutorial on Codrops 🧑🏻‍🏫

@guilanier shows us how to use SDFs in Three.js to create a really beautiful interactive lens blur effect on simple shapes. Don't miss this!

Links below 👇

Thank you so much, Giom!❤️‍🔥

#threejs #webgl #frontend

[Manoela Ilic @crnacura]

Playing with a grid animation concept based on @Daistudioo's work 🙌

Powered by CSS Grid and GSAP (Flip)!

Kudos to Rémi for this nice effect idea and for letting me code it up! 💙🙏

Links in the 🧵

[Chris Coyier @chriscoyier]

That `overlay` keyword is pretty wild.

[Adam Argyle @argyleink]

calc()
var()
clamp()
fit-content(), repeat()
min(), max()
attr()
env()
color(), rgb(), hsl(), oklch()
circle(), polygon()
url()
translate(), scale(), rotate()
matrix()
invert()
sin(), cos(), tan(), pow(), hypot(), log()
steps()
scroll(), view()

def not a programming language