{"id":792,"date":"2013-04-17T16:28:55","date_gmt":"2013-04-17T09:28:55","guid":{"rendered":"http:\/\/blog.bebensiganteng.com\/?p=792"},"modified":"2013-04-17T16:28:55","modified_gmt":"2013-04-17T09:28:55","slug":"speed","status":"publish","type":"post","link":"https:\/\/rahmat-hidayat.com\/?p=792","title":{"rendered":"The need for Speed"},"content":{"rendered":"

The surge of mobile\/desktop optimization has been overwhelmingly demanding<\/a> lately, but maintaining a consistent performance, weight, and look across all browsers\/devices is excruciating painful, especially on mobile<\/a>.<\/p>\n

The one who got really close is Jongmin Kim’s<\/a> website, which this demo had been inspired from.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

So driven by curiosity I made yet another Hipster Gallery<\/a> employing the latest technology and techniques such as CSS3, Canvas, WebGL, and miscellaneous.<\/p>\n

It hasn’t been rigorously tested so expect incompatibility issues here and there, but it works pretty well on Chrome and Apple’s devices.<\/p>\n

And have a peek at my code<\/a> and feel free to use it but please don’t remove my name.<\/p>\n

Resources<\/h5>\n

http:\/\/requirejs.org\/<\/a>
\nhttp:\/\/ricostacruz.com\/jquery.transit\/<\/a>
\nhttp:\/\/backbonejs.org\/<\/a>
\nhttp:\/\/underscorejs.org\/<\/a>
\nhttp:\/\/html5boilerplate.com\/<\/a>
\nhttps:\/\/github.com\/fschaefer\/Stately.js\/<\/a>
\nhttps:\/\/github.com\/millermedeiros\/requirejs-plugins<\/a>
\nhttp:\/\/learnboost.github.io\/stylus\/<\/a>
\nhttps:\/\/github.com\/GoodBoyDigital\/pixi.js<\/a>
\nhttps:\/\/github.com\/bebensiganteng\/jQuery-Keyframes<\/a>
\nhttp:\/\/www.greensock.com\/get-started-js<\/a>\/
\nhttp:\/\/www.createjs.com\/#!\/PreloadJS<\/a>
\nhttp:\/\/gruntjs.com\/<\/a><\/p>\n

Versions<\/h5>\n

0.1 (2013\/04\/17)
\n– First version<\/p>\n

0.2 (2013\/04\/18)
\n– Fixed some css issues
\n– Removed hover for mobile
\n– Fixed CSS transform javascript
\n– Fixed a few implementations on FF
\n– Added version list<\/p>\n

Tested on<\/h5>\n

Desktop<\/i>
\nChrome 26.0, Firefox 20.0, Safari Version 6.0<\/p>\n

Mobile\/Tablets<\/i>
\niPad Retina iOS 6.3 Safari + Chrome
\niPhone > 4, > iOS 6 Safari + Chrome<\/p>\n","protected":false},"excerpt":{"rendered":"

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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,19,23,24,29,37,47,52],"tags":[103,113],"_links":{"self":[{"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=\/wp\/v2\/posts\/792"}],"collection":[{"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=792"}],"version-history":[{"count":0,"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=\/wp\/v2\/posts\/792\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahmat-hidayat.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}