background preloader

HTML5 & CSS3

Facebook Twitter

Html2canvas - screenshots with JavaScript. Retro rippling reflections with lake.js. If you’ve ever seen a Java applet in a web page, chances are it was only there for one purpose: to add a “rippling lake” effect to an image.

Retro rippling reflections with lake.js

Why Java never took off we’ll never know! But now, thankfully, we can remove all those Java applets from our web pages and replace them with this lovely modern HTML5 canvas version instead. Lake.js is a fun retro canvas effect you can apply to any image element. Arctext.js - Curving Text with CSS3 and jQuery. While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path.

Arctext.js - Curving Text with CSS3 and jQuery

Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. Html5sql.js – JavaScript module for working with the HTML5 Web Database a lot easier.