Popover API Sliding Nav
Here’s a nifty demo of popover but it’s not for what we’d traditionally consider a modal dialog.
Reminder: You Can Stitch Together Lots of Little HTML Pages With Navigations For Interactions - Jim Nielsen’s Blog
I really like the thinking that goes into this approach. It seems so counter-intuitive at first, but there’s no arguing with the snappy resilient results.
Turns out, if you have a website and you think of the browser as a way to navigate documents — rather than a runtime to execute arbitrary code and fetch, compile, and present them — things can be a lot simpler than our tools often prime us to make them.
Related links
Skipping skip links ⚒ Nerd
Vasilis offers some research that counters this proposal.
It makes much more sense to start each page with the content people expect on that page. Right? And if you really need navigation (which is terribly overrated if you ask me) you can add it in the footer. Which is the correct place for metadata anyway.
That’s what I’ve done on The Session.
Using Hamburger Menus? Try Sausage Links · Bradley Taunt
Another take on the scrolling navigation pattern. However you feel about the implementation details, it’s got to better than the “teenage tidying” method of shoving everything behind a hamburger icon.
The Elements of UI Engineering - Overreacted
These are good challenges to think about. Almost all of them are user-focused, and there’s a refreshing focus away from reaching for a library:
It’s tempting to read about these problems with a particular view library or a data fetching library in mind as a solution. But I encourage you to pretend that these libraries don’t exist, and read again from that perspective. How would you approach solving these issues?
page-transitions-travelapp
A demo of page transition animations by Sarah—she’s written about how she did it. I really like it as an example of progressive enhancement: you can navigate around the site just fine, but with JavaScript you get the smooth transitions as a bonus.
All of this reminds me of Jake’s proposal for navigation transitions in the browser. I honestly think this would solve 80% of the use-cases for single page apps.
Related posts
Navigation preloads in service workers
A little performance boost for your network-first service worker strategy.
Reasoning
In which I find a tagline for Web Day Out and a tagline for React.
Making the website for Research By The Sea
Having fun with view transitions and scroll-driven animations.
Alternative stylesheets
Why do browsers that don’t implement stylesheet switching still download alternative stylesheets?
Today, the distant future
2022 was once unimaginable to some web folks.