Using React and Framer Motion to make a dynamic nav
Making a nav show and hide on scroll looks good. In the past, I’ve created a vanilla js version inspired by what Marius Craciunoiu wrote about in this article circa 2013.
Keep reading at john.design/journal/nav-show-hide
Here is a preview of the final result
When I think of hierarchy, a power struggle comes to mind. Something straight out of a medieval times throne-grabbing Game of Thrones-esque story. Every pawn and piece is at play competing for a chance at the top of the stack, at all costs.
Sure, I’m talking in reference to user interface design, and yes this framing might sound a bit lofty, but stick with me. When it comes to designing interfaces it’s worth while to consider that every intention and decision in a layout of elements is a power-grabbing battle for attention. …
It’s been a year since our mobile app Joy was publicly launched, and it has me getting reflective. As a product Joy has been my baby, I’ve been with it from the beginning and have been honored to help it grow into what it’s become. A lot of that journey has involved me getting hands dirty with code and using React Native to build the UI for the app. Being that I’m a designer and this was my first foray into React Native(or even React), I thought of 4 take-away’s.
This comes as no surprise to those familiar with React…