Posts Tagged ‘Canvas’

Optimize Images With HTML5 Canvas

HTML | Posted by Keefr September 27th, 2011

Images are and probably will be one of the heaviest elements of web sites. Smashing magazine writes a great article on optimizing those images utilizing HTML5′s canvas. I also love how the article goes through the process of getting it working, and then quickly optimizing it so the JS is smaller and smaller and thus more efficient.

Optimize Images With HTML5 Canvas

Having Fun With CSS3: Spinning Newspapers

CSS, HTML, jQuery | Posted by Keefr July 31st, 2011

I love this retro-looking effect: the old story telling and transition bit of the spinning newspaper with a telling headline. This is built utilizing canvas, HTML, CSS and jQuery — a bunch of my favorite web techs.

Having Fun With CSS3: Spinning Newspapers

Shutter Effect Portfolio with jQuery and Canvas

HTML, jQuery | Posted by Keefr March 7th, 2011

This is a really need effect/transition built with HTML Canvas and jQuery that imitates a camera’s shutter effect. I can see this being overused, but in the right situation (and used sparingly), this is really cool.

Shutter Effect Portfolio with jQuery and Canvas