This is a really lovely project by Dan and Nat—Christmas cards featuring the fleeting invisible constellations formed by the mesh of GPS satellites within which our planet lies.
A nice navigable timeline of historical events from Wikipedia.
I’ve been thinking about this a lot lately; alternate ways of paginating through the past e.g. by day instead of by arbitrary amount.
Here’s an intriguing approach to offering a navigation control that adapts as the user scrolls.
I’m not too keen on the way it duplicates the navigation in the markup though. I might have a play to see if I can find a way to progressively enhance up from a link-to-footer pattern to achieve this.
The GPS system is a monumental network that provides a permanent “YouAreHere” sign hanging in the sky, its signal a constant, synchronised timecode.
A fascinating project to document markings from 1939—designed to be visible from the air—placed all around the Irish coast.
A nice collection of navigation patterns for responsive designs. The demos aren’t using a mobile-first approach, and they’re reliant on jQuery, but they could be easily adapted.
David’s slides from the Responsive Day Out.
This off-canvas demo is a great practical example of progressive enhancement from David. It’s also a lesson in why over-reliance on jQuery can sometimes be problematic.
Josh takes an-depth look at the navigation design implications of touch/keyboard hybrid devices, coming to a similar conclusion as Luke and Jason:
Unfortunately, the top-of-screen navigation and menus of traditional desktop layouts are outright hostile to hybrid ergonomics. Tried-and-true desktop conventions have to change to make room for fingers and thumbs.
Want to test for a hybrid device? Tough luck. Instead, argues Josh, the best you can do is assume that any device visiting your site could be touch-enabled.
Luke and Jason have done some excellent research (and put together some demos) into how the placement of navigation could be optimised for touch screens of all sizes. Turns out that the “standard” convention of having navigation along the top is far from ideal on a touch-enabled device.
A great collection of layout, navigation, and interaction patterns for responsive sites, delivered by Brad.
Another great in-depth round-up from Brad, this time looking at your options for complex navigation patterns in responsive designs.
Tim shows how to make a scalable three-line navicon in CSS.
Luke and Jason have put together some demos of various “off-canvas” navigation patterns for responsive designs.
A really great markup and CSS pattern for “content first, navigation second” from Aaron.
An case study that tackles complex navigation in a responsive site.
Andy documents the kinds of symbols being used to represent revealable navigation on mobile.
Prompted by Brad’s recent post, here are some musings on three methods of handling navigation in responsive sites.
A detailed overview by Filament Group on progressively enhancing navigation for responsive sites.
Brad does a great job of rounding up various design patterns used for navigation in responsive sites.
Leonie points to a change in the semantics of the a element in HTML5 that could be very handy for accessible navigation.
"Now, there are signs â€œRADIOACTIVITYâ€� written with big white letters on the approaching paths to the structure but they donâ€™t stop the abandoned exotics lovers."