Navigation
Not all navigation apps are the same, and I’m tired of pretending they are
Summary Rivian and GM ditched Apple CarPlay for Google Maps in EVs. About a third of new car buyers prefer Apple CarPlay. Built-in, cell-phone-based, and dedicated GPS navigators have pros and cons. Navigation apps will get you from A to B, but it is easy to get lost in their world. Rivian has just announced…
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS — Smashing Magazine
In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the getBoundingClientRect method to explicitly animate the border between navigation bar items when they are clicked. The second approach achieves the same functionality using the new View Transition API….
Case Study: Combining Cutting-Edge CSS Features Into a “Course Navigation” Component | CSS-Tricks
I came across this awesome article navigator by Jhey Tompkins: CodePen Embed Fallback It solved a UX problem I was facing on a project, so I’ve adapted it to the needs of an online course — a “course navigator” if you will — and built upon it. And today I’m going to pick it apart…
Mapping India: How Google Designed a User-Centric Navigation Experience | Web Designer Depot
Building Google Maps for India wasn’t just about technology—it was about truly understanding how people navigate a country as complex and diverse as this. Unlike cities with orderly grids, India’s roads are often winding, unmarked, or informal. And the way people think about directions? It’s as human as it gets: “Take a left at the…
Fancy Menu Navigation Using Anchor Positioning | CSS-Tricks
You have for sure heard about the new CSS Anchor Positioning, right? It’s a feature that allows you to link any element from the page to another one, i.e., the anchor. It’s useful for all the tooltip stuff, but it can also create a lot of other nice effects. In this article, we will study…