Lightning class draws a randomly generated lightning with glow effect effect on html page from x and y coordinates, to other x and y coordinates.
Package contains lightning.js, lightning.packed.js (packed javascript), three example files: simple_example.html (simple lightning), mouse_example.html (lightning strikes at mouse coordinates),...
Comments Read more
To generate, sign and verify certificates you need to have OpenSSL module installed and provide file with OpenSSL configuration.
Here is an example OpenSSL configuration file:
[ req ]
default_bits = 1024
default_keyfile = privkey.pem
distinguished_name = req_distinguished_name
attributes =...
Comments Read more
Image Font class can generate text taking images of symbols as font.
You can provide path to directory with images, using symbols as file names, or you can provide and array with symbols as keys and paths to images as values
It is also possible to set a maximal width restriction and alignment of text.ContentsDownloadExample codesExamples in...
Comments Read more
Annoyer class creates an HTML element which is annoyingly moving across the users screen. Even when user scrolls, object moves to visible area. Object tries to find only top of elements.
It is also possible to provide callbacks for different events, for example, to change picture in object, or change object's position on hover, etc. Object's...
Comments Read more
Isoworld class provides a way to create an illusion of isometric view for a website, by transforming provided HTML elements. It can create ground and infinite amount of isometric cubes.
This class is best viewed by Chrome, other browsers might have slower animations and displacement of elements
Package contains isoworld.js,...
Comments Read more
Image Selector class creates an image selector input with image preview based on select element. Images can be changed using select element itself or by clicking on image. Additionally this class provides API to select first, last, next or previous images or an image with specific index. It also can regenerate preview images for dynamical input...
Comments Read more
Word solver class can generate words or anagrams using provided rules, for example, possible errors, placement of specific letter, which letters should be used together, or using any character from specified alphabet.
This class can be used to generate solutions to scrabble, crosswords, anagrams and other word gamesContentsDownloadExample...
Comments Read more
Transformations are a new feature in the web development world, and it is important for developers to understand the basics of object manipulation in space to use transformations up to their full potential. This article provides an insight on transformations and describes most common types of 2D transformations and how you can apply them using...
Comments Read more
With CSS3 standards there is another way of defining colors in CSS and JavaScript called HSL format. This article covers the difference between the good old RGB color model and HSL. It also provides an insight into how you can get channel values from different color formats and named colors, and convert colors from one format to...
Comments Read more
One of the most interesting new features of HTML5 is definitely the canvas element. But one of canvas’s downsides is an inability to provide event support for its drawn objects. This article provides an insight on how you can emulate simple mouse events and also introduces libraries that could help you do it.
Sponsored...
Comments Read more
Google Analytics is a powerful tool that generates detailed statistics about your website’s traffic, but its options are not limited to only tracking visitors. It is also capable of tracking visitor’s interaction with website and even providing an option for a feedback, using events and custom variables.
Sponsored by ...
Comments Read more
Tmatrix class generates transformation matrix from provided transformations. It can return matrix object, apply absolute or relative transformation to canvas context, return CSS matrix filter string for IE browsers or apply crossbrowser transformation to HTML element.
Package contains tmatrix.js, tmatrix.packed.js (packed javascript) and...
Comments Read more
Texpand class provides a way to expand textareas to fit it's contents. It is possible to provide minimal or maximal values to restrict possible textarea dimensions
Package contains texpand.js, texpand.packed.js (packed javascript) and three example files: simple_example.html, customized.html, and max_dimensions.html to demonstrate class...
Comments Read more
Light source class provides a way to define light source position and emulate text and box shadows according to provided position of light source. It is also possible to toggle light source.
Right now this effect is unsupported in IE all versions.
Package contains light_source.js, light_source.packed.js (packed javascript), three example...
Comments Read more
Canvicon class provides a way to animate your website's favicon using canvas. You can dynamically draw on canvas and update your favicon. It should work in all modern browsers except IE.
Package contains canvicon.js, canvicon.packed.js (packed javascript), canvicon.jquery.js (jquery plugin), and three example files: simple_example.html,...
Comments Read more
Phone Spell class can generate words that represent dialing for provided phone number. It also calculates word weight in numbers to order found variations starting from most promising ones.
This class uses Pspell extension as default dictionary, but it is possible to extend class for custom dictionary usage.ContentsDownloadExample...
Comments Read more
Blur effect class provides a blur effect on HTML elements. It is possible to blur text, surrounding box or both. It is also possible to blur images using SVG filters. Thus this might not work in all Safari versions
This class ir provided as a standalone package or jquery plugin
Package contains blur_effect.js, blur_effect.packed.js...
Comments Read more
Water Drop class provides a water drop effect on HTML elements as a standalone package or jquery plugin. It is possible to configure, speed, color, field and toggle animations as fading and expanding
Package contains waterDrop.js, waterDrop.packed.js (packed javascript), waterDrop.jquery.js (jquery plugin) and three example files:...
Comments Read more
Glint effect class is a standalone package or jquery plugin, that provides a way to add glint effect to HTML elements. It appends canvas to provided HTML element and generates glint effect based on provided configuration
Note: To make it work in IE9, you should use HMTL 5 Doctype. Simply put "<!DOCTYPE html>" in the beginning in your...
Comments Read more
Inkblot auth class allows to implement inkblot authentication to your PHP application.
It can generate list of inkblots from directory or array. User may provide amount of letters saved per inkblot, to implement different
password generation ways
The idea is from Microsoft Research about using inkblots in authentication for more complex...
Comments Read more
1 2 3 4 5 6 7 8 9 10