The need for Speed
The surge of mobile/desktop optimization has been overwhelmingly demanding lately, but maintaining a consistent performance, weight, and look across all browsers/devices is excruciating painful, especially on mobile.
The one who got really close is Jongmin Kim’s website, which this demo had been inspired from.
So driven by curiosity I made yet another Hipster Gallery employing the latest technology and techniques such as CSS3, Canvas, WebGL, and miscellaneous.
It hasn’t been rigorously tested so expect incompatibility issues here and there, but it works pretty well on Chrome and Apple’s devices.
And have a peek at my code and feel free to use it but please don’t remove my name.
Resources
http://requirejs.org/
http://ricostacruz.com/jquery.transit/
http://backbonejs.org/
http://underscorejs.org/
http://html5boilerplate.com/
https://github.com/fschaefer/Stately.js/
https://github.com/millermedeiros/requirejs-plugins
http://learnboost.github.io/stylus/
https://github.com/GoodBoyDigital/pixi.js
https://github.com/bebensiganteng/jQuery-Keyframes
http://www.greensock.com/get-started-js/
http://www.createjs.com/#!/PreloadJS
Versions
0.2 (2013/04/18)
- Fixed some css issues
- Removed hover for mobile
- Fixed CSS transform javascript
- Fixed a few implementations on FF
- Added version list
0.1 (2013/04/17)
- First version
Tested on
Desktop
Chrome 26.0, Firefox 20.0, Safari Version 6.0
Mobile/Tablets
iPad Retina iOS 6.3 Safari + Chrome
iPhone > 4, > iOS 6 Safari + Chrome
.