The Daily Muse of Super Geek

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

The Starling Clock

Was built on Adobe Air 2.6 platform, click here to view the site.

HTML5 – Photography

Latest experiment on HTML5, click here to view the site.

I have to say the satisfaction you get from building JS/HTML site is when you preview it on tablets or smart phones, it just works!

For anybody who wants to learn JS/HTML I recommend you to delve into these materials;

Resources

http://diveintohtml5.info/
http://jquery.com/
http://html5boilerplate.com/
http://trac.puremvc.org/PureMVC_JS/
http://www.jslint.com/

My new portfolio

For those of you who don’t have the time to read the post, go to this link to see my site, I’m still adding more details, but overall it’s ready for your viewing pleasure.

After a copious amount of late night works, It’s finally done.

Concept Brief

The concept of the design which I’ve had envision initially was a depiction of a dream of an opposite anthropomorphism story, in a way where human were enslaved by the animal.

But somehow it grew to something more simplistic as I thought having animals roam around the world would ruin the composition.

I’ve tried to adapt the sfumato style quite rigorously, since I think it goes hand in hand with the pastel colors and most importantly the initial concept.

Sketching the trees:

Designing the barn:

Creating the landscape:

At this point I was really frustrated I had to make 5 drawings just find the one that is consistent with the whole theme:

The World:

Brushing on the colors.

and the down under.

Of all the objects I could have chosen of, I had chosen a barn I think it somewhat fits my concept.