Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Dang! Figma 's new variables and advanced prototyping are so freaking awesome 🎉! Look what I can make with only 1 frame, 2 components. Goodbye noodles! My next wish is animation responses to when changing variables 🙏

119,667 Aufrufe • vor 3 Jahren •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 3 Monaten

Yesterday after securing Rena’s results, I immediately took her and her mother to meet Tonny Tumukunde. We had a very emotional conversation. Tonny recommended a Christian school for her (Rena and her mother are Christians), Code High School. When he first mentioned the school, I thought it was just an ordinary school. Oh my… Earlier today, Rena, her mother and I traveled to Bajjo, Seeta in Mukono District to seek admission. When we arrived, we were received by the Deputy Head Teacher. After listening to the girl’s story and seeing her impressive PLE performance (Second Grade Upper – 15 aggregates), she was admitted immediately. Rena is going to a school that many of us who come from humble families only dreamt of. After the admission, it was another emotional moment as her mother broke down in tears of joy. Frame 2 shows the girls’ quarters, one for O-Level and another for A-Level. Frame 3 is the main hall and dining hall. The video shows the main classroom block. The school is not only strong in infrastructure but also academics. They performed very well in the 2025 Uganda Advanced Certificate of Education examinations. The school administration has allowed Rena to start next term and catch up with her S.1 class. It all started with Mariam reaching out to me… and here we are. Knowing that this girl is going to school feels like a lifetime achievement. Thank you, Ugandans on X, for the love and generosity. Csl Tumukunde Tonny, you are blessed beyond limits 🙏 I’m now a father of three, my biological daughter, Saad Junior, and Rena 🙏

Gideon Nova Kwikiriza

53,357 Aufrufe • vor 4 Monaten