Completed day 3 of the 50Projects in 50Days course, “rotating navigation”. This one rotates the whole page if you click on the hamburger icon in the upper left. Hard to imagine a use case, but it’s really fun.
I’ve been posting these to my recently re-done Github site. Again, I’ve done three of these:
- Day 1: Expanding Cards
- Day 2: Process Steps
- Day 3: Rotating Navigation
With Expanding Cards, when you click on individual cards, they expand out, and the other ones shrink. For Process Steps, it’s like a progress indicator. Each time you press the “next” button, the line advances one over. And for Rotating Navigation, when you click on the hamburger icon, the web page rotates, showing the navigation buttons. For me, this is fun stuff. Which is good since it’s now 9:30 at night and I still haven’t eaten dinner yet.
Anyway, it feels good to refresh my knowledge and build out these skills. I feel it’s a critical part of my march into a tech career. Plus, the internet and web development are the future of tech. I intend to do one project per day every day, but we’ll see. I have a few things coming up that may cause a day or two to be lost. But I should have not problem keeping this moving forward.
Wish me luck!
I saw all three and they look great. The expanding cards one was really cool and probably very useful for some websites. The rotating one is probably not something most people need but it was amusing.
Thanks for checking them out, Pooja! I finally thought of a use case for the rotating screen: to open up more screen. That functionality moves the menu courtly off screen until needed. I’m not 100% sold on it, but see if could be useful.
Oh okay, that makes sense.
I love it when I make sense!
Haha well this is one of those instances!