Archived entries for Technology

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

HTML5 – Photography

HTML5 - Photography Logo

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!

HTML5 - Photography Thumbnails View

HTML5 - Photography Portrait View

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/

HTML5 – 3D Wire

HTML5 Wire lab

Simple 3D wire in HTML5.

iPad!

Was launched 1 hour ago.

and here’s what people is saying about it.

Imagination is more important than knowledge

A series of internet memes has again sparked another heated debates, first it was the first javascript website showcased in the FWA and later the YouTube- HTML5 integration.

Since the dawn of the internet-era, infinite debates amongst these developer elitists were always inundated the World Wide Web and one of the revered topic is of course who has the better developing platform.

The advent of HTML5 and the mission and vision which it carries is truly spellbinding for the internet community, but if you remember so had actionscript 3 during its inception.

Every technology has its share of flaws.

The impending problem that HTML5 has had to be adaptations and compatibility issues, the browser war will always be diluted by strategic marketing, business goals, and of course ego -which can be dubbed as the company ideology- and never in the interest of the developer.

The first HTML5 conundrum which has begun is the new video which its support is limited to web browsers that support the H.264 video codec mainly because W3C declined to specify a standard video codec to go along with new video element and you can guess it, IE deviates the notion completely and this just the beginning of other impediments which will come along.

Flash, as I’ve had mentioned its flaws and the prevalent hate memes such as the CPU hogger, the battery drainer, etc which all is true, and of course the choreographed demo of Flash player 10.1 in Nexus, was mainly caused by Adobe complacent and other aspect which mainly had to be the economy, the decrescendo of demand in Flash during this post-recession period has been abysmally loud (a bit of oxymoron there) and based on my experience, building a good Flash site needs a bit of an investment in time and money as oppose as HTML/JS sites, hence unless if it’s a niche market such as social-game company, almost nobody dares to invest such luxury or even has the needs that requires Flash to fulfill their business objective, except for that annoying ad banners which I mostly am doing now :( .

But from the Technology stand point, Flash I think can still accomplish, and I’m not trying to be subjective here, something that is better than what HTML/JS does, a few sites worth mentioning are:

http://sketch.odopod.com/
http://www.picnik.com/app

I dare you to build something like that with HTML/JS, but again I’m not trying to devalue HTML/JS here, check out google, digg, etc.

But in conclusion these ridiculous dialogs are unfounded, history has repeatedly shown us that technology is merely a tool, a transient breeze that bound to be superseded by a better and in-your-face contender ergo we shouldn’t be trying to be a platform zealots, I’ve been experimenting with Unity3D, Cocoa, Jquery and of course Flash, I think exploring new Technology is the beauty of this keyboard-cat and Rick’n Roll’d era.

As an epilogue I will depart from this post by paraphrasing some guy with a weird hairdo who invented the theory of relativity:

Imagination is more important than knowledge. For knowledge is limited to all we now know and understand, while imagination embraces the entire world, and all there ever will be to know and understand.

iPhone motion tracker

It seems the sky is truly the limit with iPhone, after the surreal augmented reality application, now another one has emerges, although this is not actually an apps but the result is mind blowing nevertheless.

The Mill, which unfortunately I couldn’t find out exactly who they are, had concocted a custom 3D motion trackers which utilizes nothing but the goodness of iPhone capabilities.

watch this first:

and a brief description:

via ProVideo.



Copyright © 2004–2009. All rights reserved.

RSS Feed. This blog is based from Modern Clix, a theme by Rodrigo Galindez.