Nuberodesign > Blog > Designing for the Eye
I love the interactive illustrations in this article filled with type and architecture nerdery!
The origins of the steam engine
The fascinating pre-history of steam power, illustrated with interactive widgets.
Related links
The hardest working font in Manhattan – Aresluna
This is absolutely wonderful!
There’s deep dives and then there’s Marcin’s deeeeeeep dives. Sit back and enjoy this wholesome detective work, all beautifully presented with lovely interactive elements.
This is what the web is for!
Star Trek: The Motion Picture | Typeset In The Future
The latest edition in this wonderful series of science-fictional typography has some truly twisty turbolift tangents.
CSS transitions and hover animations, an interactive guide
This is a really nice introduction to CSS transitions with interactive demos you can tinker with.
Your Interactive Makes Me Sick - Features - Source: An OpenNews project
Browsers have had consistent scrolling behavior for years, even across vendors and platforms. There’s an established set of physics, and if you muck with the physics, you can assume you’re making some people sick.
Guidelines to consider before adding swooshy parallax effects:
- Respect the Physics
- Remember that We Call Them “Readers”
- Ask for Consent
Given all the work that goes into a powerful piece of journalism—research, interviews, writing, fact-checking, editing, design, coding, testing—is it really in our best interests to end up with a finished product that some people literally can’t bear to scroll through?