WPGR: A Significant Thing
October 2012, Photo, short story, and poetry portfolio
Design trends
- Full-size, resizeable background
- Horizontal layout
- 3 columns
Inspirations
- Beat poetry
- On the Road--Jack Kerouac
- Retro
Development
- Hand-coded HTML/CSS/JS in Notepad++
- Mozilla Firefox 16.0.1
- Windows 7
Testing
- Mozilla Firefox Web Developer tools
- Firebug 1.10.4
- Browsershots.org
Future work
- Allow vertical scrolling in 3rd column
- Pre-load background image
- Better typography
- Instagram/Wordpress integration
- Elegant small screen solution
Usage notes
- Background re-centers itself when window is resized; dependent on JS/JQuery
- Left and right columns and margins resize according to window size; dependent on JS/JQuery
- No vertical scroll
Credits
- JQuery library, Web Fonts hosted by Google
- Background image courtesy of Xian Li
- Instagram photos courtesy of W.Rollow, S.Arya
Screenshots
Mockup site
Blog Posts