HITCHHIKER'S GUIDE INTERFACE
This is a live demo of my attempt to recreate Shynola's animated interface for the Hitchhiker's Guide to the Galaxy in the 2005 film. I started the project partly as a personal passion and partly as an attempt to do as much work in pure (i.e. library-less) HTML, CSS, and JS (with Django running on the backend).
- When window is resized from phone width to desktop width, if sidebar isn't open, sidebar toggle button disappears with no way to reopen it unless window is resized; either resize check should be implemented or sidebar translation should be included in media query (probably the latter)
- Recent regression: text in entries list jumps left on hover, possibly due to browser behavior change (happens on Chromium & Firefox) with inherited width; plan is to rewrite sidebar making better use of flexbox
- CSS animations might be blocked on each other, e.g. entry bars popping in and out might be blocked on entry text collapsing/expainding; might be helped by above-mentioned rewrite, simplifying structure and animations
BRILLIANT— Garth Jennings (@GarthJennings) April 27, 2018