rauno (@raunofreiberg) 's Twitter Profile
rauno

@raunofreiberg

staff design engineer @vercel · devouringdetails.com

ID: 1069665489968947206

linkhttps://rauno.me calendar_today03-12-2018 18:51:41

2,2K Tweet

65,65K Takipçi

357 Takip Edilen

rauno (@raunofreiberg) 's Twitter Profile Photo

I wrote a short essay on designing Devouring Details. It includes insights into branding, building a custom course platform, implementing video placeholders, and more. devouringdetails.com/resources/behi…

rauno (@raunofreiberg) 's Twitter Profile Photo

I know we have linear() in the browser now for spring animations, but sadly the API is not ergonomic at all and the motion is not truly fluid. Springs from motion/react work a lot better because they don't use a fixed duration and can smoothly arc to another position.

rauno (@raunofreiberg) 's Twitter Profile Photo

It’s humbling to realise that there are just a handful of exceptional people breaking new ground, and the rest of us are simply catching up with derivative work—myself included.

rauno (@raunofreiberg) 's Twitter Profile Photo

You can use background-clip to blend translucent borders with shadows in CSS No need to define the border as part of box-shadow, and you'll be able to animate it on hover/focus codepen.io/rauno/pen/bNNO…

You can use background-clip to blend translucent borders with shadows in CSS

No need to define the border as part of box-shadow, and you'll be able to animate it on hover/focus 

codepen.io/rauno/pen/bNNO…
rauno (@raunofreiberg) 's Twitter Profile Photo

Because we don't want to use libraries for Next.js Dev Tools I get to nerd out and go on these interaction design rabbit holes. For example, did you know that most drag interactions actually don't trigger right away but instead wait for you to move a few pixels? Here's a demo of