Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Is browser scroll-locking helping your site users, or just frustrating their diagonal gestures? 📐 Bramus breaks down how `scroll-axis-lock: none` gives you control over 2D panning behavior. Check out the interactive demos →

23,568 görüntüleme • 7 gün önce •via X (Twitter)

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

home page hero ✨ Design notes: - "Forever" hero text dot pixel FX done in Unicorn Studio. (I will do a whole tutorial on this later. Unicorn's WebGL engine is absolutely wild and very powerful / robust) - built in Framer - I wanted to recreate the iOS unlock effect where your home screen icons cascade into place in a beautifully timed choreography. This took a lot of careful timing using Framer's "Appear" effect on the hero text and surrounding avatars because it was super important that we didn't lose the legibility of our main message ("Build Your Forever Audience") with all the animations. - If you look closely, the choreography is setup to lead your eye through the hero text first starting with "Build Your" then "Forever" and finally "Audience." - With those text layers in place + the surrounding avatars, there is a slight 1 sec pause before the remaining elements slide in below and above (How it works, CTA buttons, announcement badge, and lastly the main nav). - All told the entire loading sequence is 6 seconds - Custom particle system powers the interactive star field (the stars slowly gravitate to your pointer position, and the star field perspective changes ever so subtly as you move your mouse around on the page) - I have 3 shooting stars made of small white line layers that start out off canvas rotated at different angles that shoot across to another point off canvas at random times on a loop effect. - Given this hero scene is in space, I wanted the surrounding avatar elements to "float" in low gravity mode. For this I used Framer's loop effect that slowly oscillates the layer's y position. I then offset the delay of each element randomly to stagger the floating loop so each avatar floats independently/randomly - The final major treatment for this hero scene was the scroll animations on the avatars. I wanted to create a bit of a warp speed effect when you scroll down, as if the avatars were being pulled or sucked into a worm hole as you scroll down below this hero fold. - To accomplish this, I applied Framer's scroll transform affect set to "section in view" on each of the floating avatars, and set the "scroll to" position of the upper avatars to be much, much further away on the y-axis than the "scroll to" position of the lower avatars. (eg. -1700px on upper most avatars vs. -600px on lowest positioned avatars). This effectively causes the upper avatars to slide up off the hero canvas with much greater velocity than the lower positioned avatars. - And when you scroll back up to the hero section, the inverse happens where the lower positioned avatars "arrive back in place" from up above the hero canvas before the upper avatars come back into the scene and settle in place. - Overall I wanted this hero section to feel alive. The floating avatars, particle system with very subtle star movements, and the Caustics effect on the "Forever" text all sort of move at the pace of slow breathing - which is a great pace to create a sense of life and comfort in your scene. Conversion Results (so far) - When this new Framer site launched along with Calaxy v1.9 release on Base a couple weeks ago, we saw a surge in traffic, around 20k page views in the first few days. - Of those 20k hits, 11k visited the app install page ( - which is our main CTA - We saw around 10K new users in the first week after v1.9 launch Overall I'm very happy with the new site and early performance metrics. Lots of tweaking to do but its a good start. If you are a designer building in Framer - hit me with any questions on the above hero notes. Happy to share more specifics! 👾

Chadd Weston

16,401 görüntüleme • 11 ay önce

I want parents to really think about this. Imagine paying good money for lessons because you care about your daughter’s long-term development… and the first thing you’re told is that “swinging down isn’t correct.” Instead it’s barrel depth, elite path, and swinging up because “that’s what the pros do.” That’s where development goes backwards. Most young athletes aren’t broken they’re underdeveloped in movement. They don’t understand shoulder angles, how to get on top of the ball, situational hitting, or how the body actually organizes a swing. That’s not their fault. That’s instruction skipping steps. In my cage, athletes do not swing up first. They have to earn the right to swing up by first owning the down. We stay at the top of the zone, learn how to find the down, and teach how the shoulders orient the swing. The up isn’t cued or forced it’s a byproduct of correct movement. What floors me is how often kids, especially in softball, are taught to swing up immediately. How do you start middle-down and swing up in a sport where the ball is traveling on an upward plane? It makes no sense. Baseball and softball mechanics are the same the body doesn’t change. But instruction must start differently because pitch plane is different. Baseball breaks down. Softball rise spins up. If a softball hitter can’t control the down out front, they’ll never handle elite rise. Once control is there, the femur turns down, the torso gets pulled up, and the natural up shows itself. No forcing. No manipulation. I can post videos like this all day. I’m not teaching a “style.” I’m teaching how the body is designed to move. I’m demanding because parents invest real time and money, and I won’t waste either. If you want game swings that hold up to velocity and plane find the down!

John Sangillo

47,117 görüntüleme • 9 ay önce

“There is a tension between what the users of a currency want – and the users of a currency tend to like freedom, autonomy, and discretion as to what they spent their money on – and what the issuers of a currency want; and bluntly, the issuers of a currency want control. Control of monetary policy, and control of you.” The Bank of England’s consultation papers make very clear the level of control that they wish to exercise over you, and over your supposed financial autonomy, if you were to use their #DigitalPound. (1) You’ll need to provide ID in order to use the #DigitalPound: “For the digital pound, tiered access would allow for different levels of user access and functionality based on the amount of identification (ID) a user is willing or able to provide.” (2) The Bank will dictate how much you can hold: “The Bank would place some limits on holdings of digital pounds, at least during its introductory period.” (3) The digital pound will be programmable, if not by the Bank itself then by third party providers: “Programmability, delivered by Payment Interface Providers, could also enable the use of smart contracts, which carry out specific actions based on pre-defined terms and conditions.” Quotes are from from the Bank of England’s Digital Pound consultation paper: Whatever the #DigitalPound will be, it won’t be cash. Cash does not require me to show ID to use it. I can hold as much cash as I want or need. And, along with #Bitcoin, cash is a bearer instrument whose title is freely transferrable upon delivery, which is very difficult for a central bank to control. And long may it stay this way. A huge shout out and thank you to Lyn Alden, who made this point much more eloquently than I did in her excellent book #BrokenMoney. Thank you! Also I’m aware that my hand gestures in this clip are reminiscent of Richard Hendricks manipulating ‘datas’ on stage at TechCrunch Disrupt in #SiliconValley, and for this I can only apologize: #BitcoinConference #Amsterdam #NoToCBDCs

Freddie New

13,163 görüntüleme • 2 yıl önce

When your pain, fear or resentment is consuming you, no one else can pull you out of the dark, because you ARE the dark. Your mindset. Your thoughts. YOU CONTROL where you work & live, who you live with, what you eat & drink, what time you sleep, how you think, how you feel, how you spend your energy & what you do with your spare time. YOU! These things may feel out of your control but they're not. They're all things we can change if we're unhappy but our MINDSET has us convinced we can't, by playing on our fears of the unknown & our own weaknesses. 'What if I can't find other work?' 'What if I don't find anyone else?' 'I don't have time to cook!' 'I don't have time to workout!' 'I have nothing to feel happy about' 'I can't sleep!' Your life will not change, unless YOU do! You need to change your mindset! No one can do it for you. You can CHOOSE to see silver linings OR just the possibility of rain. You can CHOOSE your HARD... - Struggle through a workout vs struggle to look at yourself & how unhealthy you've become - Struggle to learn a new skill vs struggle in a job you hate. Trying to see beyond your unhappiness, 'bad luck' & bad choices is confronting & can feel impossible...BUT it isn't!! It's possible! Not over night but gradually...taking ONE DAY AT A TIME! Be kind to yourself! Changing your mindset & working on overhauling years of negative thought processes is far from easy but in doing so, you'll reclaim your POWER & take back control of your own happiness. Choosing to go out into the sunshine to drink a cuppa (instead of staying cooped up indoors) won't make your problems disappear...BUT it gives you a few seconds of CALM to REFOCUS your thoughts & a dose of Vitamin D & fresh air, while feeling the warmth of the sun on your skin. In making that choice, you reinforce your self-worth: you deserve time for yourself & you deserve to feel good. It's a simple choice that can completely change how you feel for the better, even if just for a moment. In time, your days can become full of those moments & you'll no longer need to look for the light in the dark. You will BE the light! The beacon of your own happiness ❤️🫂 #mindset

Jess Tungsten

314,526 görüntüleme • 2 yıl önce