Reveal Image on Hover Effect With CSS3


3D With CSS3 and jQuery


I never thought that CSS would be capable of 3D, but here I am, trying to see if it does. It’s far from Pixar’s quality so don’t expect it to replace it in the near future. I recently read an article where the author is pointing out unnecessary experiments on the latest web technology. Will we ever need extremely low level 3D effects for browser presentation? Maybe not anytime soon however the proof of concept outweighs the lack of resources. Never hurts to have more stuff to reference. It goes without saying that even if you can do it doesn’t mean you should. I think it’s incredible when creative people start a movement on an idea.

This demo can only be viewed with the latest build of Webkit browsers such as Safari or Chrome. Sorry Firefox and IE users.


GitHub’s 404 Page

Star Wars error web page
The parallax effect is really neat and it’s all done with the help of CSS.


Balls Deep With HTML5 Canvas

The idea of HTML5′s reach across many mobile devices has really got me thinking about mobile games through the browser. While researching I found that Spil Games was offering a monthly HTML5 contest and first place is $5000 bucks. Such a great way to inspire web developers to get their creative juices going. Given that the state of HTML5 is fairly new, there seems to be a lack of resources and libraries. I found canvasdemos.com to be super helpful.

It’s very hard not to compare Actionscript’s mature handling of graphical assets when I was messing with canvas. What HTML5 needs is a robust library to glue everything together. Right now everything seems so scattered and not so refined. But it won’t stop me from investigating the potential of canvas. Check out my demo. It doesn’t have real collision detection yet and this is only a little test on generating objects.