؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie's banner

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

@lochieaxon • 12,702 subscribers

principal design engineer ∙ @aave @family ∙ prev @honk https://t.co/YyR6Fo9VyC ∙ https://t.co/85SMsTcEd2 ∙ https://t.co/q8cbgIc9JM

Shorts

when animating variable font weights remember to include tighter optical sizing to maintain the width of the text

when animating variable font weights remember to include tighter optical sizing to maintain the width of the text

169,272 görüntüleme

markdown editing can be fun actually

markdown editing can be fun actually

41,876 görüntüleme

effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →

effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →

169,165 görüntüleme

ghost passes are starting to roll out 🎟️👻

ghost passes are starting to roll out 🎟️👻

32,914 görüntüleme

ive got something like this setup for so i can find all of the performance hiccups and then copy the issues back to claude to investigate. modern workflows are awesome.

ive got something like this setup for so i can find all of the performance hiccups and then copy the issues back to claude to investigate. modern workflows are awesome.

72,490 görüntüleme

custom caret with text selection

custom caret with text selection

114,726 görüntüleme

if you want to achieve something like this, use a solid box-shadow for the outline + a regular scale on the inner content. codepen included below 👇

if you want to achieve something like this, use a solid box-shadow for the outline + a regular scale on the inner content. codepen included below 👇

21,511 görüntüleme

sometimes it's worth disabling animations when a user is dialling in a precise value using Max Barvian's <NumberFlow /> with a simple custom plugin can easily support this adaptive setup

sometimes it's worth disabling animations when a user is dialling in a precise value using Max Barvian's <NumberFlow /> with a simple custom plugin can easily support this adaptive setup

37,693 görüntüleme

putting a face to the name

putting a face to the name

17,087 görüntüleme

i like making websites into fidget toys

i like making websites into fidget toys

26,416 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

It's time to bring Haptics to the web 🫨 Create custom tactile patterns with strengths + durations for your web interactions. Make your app feel as good as it looks ✨ →

It's time to bring Haptics to the web 🫨 Create custom tactile patterns with strengths + durations for your web interactions. Make your app feel as good as it looks ✨ →

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

2,150,263 görüntüleme • 7 ay önce

is now doin' numbers

is now doin' numbers

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

284,396 görüntüleme • 1 ay önce

i recreated Flash in the browser just to feel alive again.

i recreated Flash in the browser just to feel alive again.

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

184,004 görüntüleme • 4 ay önce

we just shipped a fresh look for with a huge amount of animations and micro-interactions to explore ✨

we just shipped a fresh look for with a huge amount of animations and micro-interactions to explore ✨

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

55,906 görüntüleme • 3 ay önce

the inspo for this animation is from The Mills Brothers' "I Ain’t Got Nobody" – a little tune recorded a few years ago in 1932

the inspo for this animation is from The Mills Brothers' "I Ain’t Got Nobody" – a little tune recorded a few years ago in 1932

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

15,413 görüntüleme • 1 ay önce

It's time to add some craft to your web animations ✨ Explore the curated gallery of easings and springs, or fine-tune your own with an easy to use editor. Huge thanks to Alex Vanderzon for collaborating on this project with me, always a treat! 🤝

It's time to add some craft to your web animations ✨ Explore the curated gallery of easings and springs, or fine-tune your own with an easy to use editor. Huge thanks to Alex Vanderzon for collaborating on this project with me, always a treat! 🤝

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

69,852 görüntüleme • 2 yıl önce

Daha fazla içerik yok.