Fire effect using HTML5 canvas element

Michael Ryvkin — Sat, 17 Apr 2010 21:13:53 +0000

I have released JavaScript library to create an effect of burning text. There are number of options that you can customize – colors, font and burning speed. You can see the demo and play with all the options at ponticstar.com/projects/burning-words.

The script uses canvas element that is a part of HTML5 specification. The element is currently supported by the latest versions of Mozilla Firefox, Google Chrome, Safari, and Opera. It is not natively implemented by Internet Explorer as of version 8.

Compressed Nifty Corners

Michael Ryvkin — Sat, 17 Jan 2009 00:08:38 +0000

Recently I was experimenting with different techniques and libraries that implement rounded corners with no images. Nifty Corners Cube by Alessandro Fulciniti was among them.

I liked the fact that the library detected background color and padding of the target element. This allows the technique to degrade gracefully if JavaScript is disabled.

As a rule of thumb I usually compress the libraries I use with JavaScript packer written by Dean Edwards and Rob Seiler. However niftycube.js had to be corrected before since there is a semicolon missing on line 24.

niftycube.js:

String.prototype.find=function(what){
return(this.indexOf(what)>=0 ? true : false);
}; // Missing semicolon

Download Nifty Corners Cube (compressed), 4.66 KB.

Blog - PonticStar.com » JavaScript

Fire effect using HTML5 canvas element

Compressed Nifty Corners