A little collection of website menus that are compact and open into nifty boxes or shapes. Designing a website can be quite the challenge, and when it comes to crafting the navigation, it’s a whole different ball game. With options like full-screen overlays, push menus, and mega menus, the possibilities seem endless. Lately, I’ve stumbled […]
Recent Design Finds: Compact Navigation Read More »
The other day I saw this lovely preview of Alex Frison de Isla’s portfolio redesign: Besides having lots of great animations, one effect caught my eye. There’s an interesting grid flow animation starting at 0:16 seconds which I thought would be a great idea to experiment with using GSAP and the Flip plugin. The idea
Grid Flow Animation Read More »
When it comes to website navigation, the old rule of thumb is that content should be no more than a click or two away. It’s all about ensuring users can find what they need without having to jump through hoops. But the more content you have, the more difficult it becomes to organize navigation. Long
8 CSS & JavaScript Snippets for Building Mega Menus Read More »
The hamburger menu has become synonymous with mobile apps and websites. It neatly hides navigation items until users need them. They’re great for saving space when screen real estate is limited. And we’re also seeing them utilized more on desktop devices as well. This makes sense for large, complicated menus and scenarios where content needs
8 CSS & JavaScript Snippets That Enhance Hamburger Menus Read More »
From our sponsor: Try Mailchimp today. We’re going to build a timeline showing albums released by the rock band Radiohead. The subject of our timeline doesn’t really matter — the main thing is a series of events that happen over a number of dates — so feel free to pick your own subject matter to
Building a Scrollable and Draggable Timeline with GSAP Read More »
