Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Timing is a small aspect that changes how an interaction feels When every tooltip has a hover delay, reading a whole toolbar takes 6.9s. With a delay only on the first one, it takes 3.7s The first tooltip waits ~500ms so it doesn't appear by accident. Once you move...

20,529 görüntüleme • 3 gün önce •via X (Twitter)

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

every thought of yours creates a neural connection. you repeat it day after day, and you're already acting on autopilot, without choosing. every thought leaves a trace between the cells. one thought is a barely noticeable scratch, but return to it every day, at the stove, behind the wheel, and the scratch becomes a path, then a road, then a highway. the signal flies along it without asking you. from then on, you just drive where it's been laid out. the treacherous part: on this highway, the reaction happens before you arrive. the body tenses, the answer is given, and you only show up to sign it. it feels like your own because it's familiar. the brain takes the smoothest road, and its job is safety, not happiness. "i am just that kind of person" only means this is your most worn-out route. everything you say about yourself is a map of your most worn paths. "i am anxious", "i can't say no", "i get angry fast" are just reports on what you did most often. character is a thousand identical repetitions, and fate is that stretched over twenty years. you end up where the same reactions, multiplied by years, have been leading you. what is used lives on. the brain doesn't store the past, it only maintains what gets used: the connection nobody calls on weakens, the road not taken withers. character and fate rest on these routes, and every thought strengthens them. if only what's used survives, the old route needs feeding every day. you feed it: the same thought in the morning, the same answer in the evening, the same signature under every decision. the past holds only as long as you keep sweeping its path. you can't erase the old path, but stop sweeping it and it overgrows on its own. beside it you trample a new one, slower, less convenient, less convincing. it takes repetition, because understanding it a hundred times changes nothing. what the body lives through sinks deeper than any dry phrase from the head. so the work is small but real: don't make excuses once, state the amount and stay quiet, answer differently than always. each time is a meter of that new path. you're not a hostage of your character, you're its daily builder. the only question is where you're laying it today.

alexei

445,710 görüntüleme • 1 ay önce

004/100 Buttons. A bit of the process on building an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63h

Eduard Bodak

166,023 görüntüleme • 5 ay önce