Matrix Effect Using HTML5 and Javascript

Matrix Effect Using HTML5 and Javascript

Now a days I am playing around with HTML5 Canvas API and Java Script. It’s an amazing option to create animations.

This weekend I saw The Matrix movie.This film known for it’s visual effect.
I wrote one Matrix function In which I am filling canvas with “Matrix” word at random locations using Canvas fillText method. And I am calling that function using Javascript setInterval Method.

Blindify : jQuery Slideshow featuring a blinds effect transitioning

Blindify : jQuery Slideshow featuring a blinds effect transitioning

Blindify is a jQuery plugin which creates a slideshow featuring a blinds effect transitioning (either vertical or horizontal) between a list of images.

I saw a photograph in a printed magazine which inspired me to create a JavaScript effect that would make any photo look exactly like that. After I created this effect, I altered the code into a proper transition effect to be used as a slideshow, using multiple images. I am now going to walk you through how it was built.

FlatIco : Long Shadow Flat Icon Generator

FlatIco : Long Shadow Flat Icon Generator

Create the nowdays ultra trendy flat icons with long shadow for your website with a 1 minute set-up and you are ready to go flat! This lightweight plugin is only 2KB, but gives all the customization opportunity what you need to create cool flat icons with long shadow for your upcoming project. FlatIco is based on the FontAwesome icon-font library what provides you more than 300+ icons to choose from, and the flat icons are generated with pure CSS, so no need for any images!

Features:

  • 1 Minute super easy set up
  • 2KB Lightweight plugin – it requires only one js file
  • Customize the icon’s color and size
  • Set easily the icon frame’s border radius and color
  • Edit the long shadow length and color
  • Cross browser compatible
  • Ultra trendy flat design

jQuery Kontrol

jQuery Kontrol

Experimental JavaScript jQuery library of UI controls ; dial (was jQuery Knob), XY pad, bars.

Library of UI controls ; dial (was ‘knob’), XY pad, bars control …

  • canvas based ; no png or jpg sprites.
  • touch, mousewheel, keyboard events implemented.
  • downward compatible ; overloads inputs.

Puzzllerry : Interactive jQuery gallery plugin

Puzzllerry : Interactive jQuery gallery plugin

Puzzllerry is plugin that allows you to create interactive gallery/portfolio/menu or any element with listed items. It has extremly simple markup and requires only 1 line of js code to turn it on.It will make your website more attractive, it will gain some focus of your visitor as user may ‘play’ with it.

And of course its responsive.

bootstrapValidator : jQuery plugin to validate form fields

bootstrapValidator : jQuery plugin to validate form fields

A jQuery plugin to validate form fields. Use with Bootstrap 3.

Reading Time : jQuery plugin

Reading Time : jQuery plugin

A simple, lightweight jQuery plugin used to display an estimated time to read some text.

Wallpaper : jQuery plugin for smooth-scaling, element-filling backgrounds

Wallpaper : jQuery plugin for smooth-scaling, element-filling backgrounds

A jQuery plugin for smooth-scaling, element-filling backgrounds.A really simple way to add element-filling background images.

FlipHTML5 : jQuery and HTML5 flip book maker for PDF

FlipHTML5 : jQuery and HTML5 flip book maker for PDF

FlipHTML5 is a free Flip Book Maker which can convert PDF to HTML5 & jQuery flipbook, also support converting MS Office, OpenOffice and Images to HTML5 and jQuery based page flip ebook.

Add YouTube video, local video player, audio player, images, photo slideshow, text, links, bookmark and flash animation to enrich flip book and engage flipbook readers.Create life-like digital magazine in HTML5 & jQuery to works smoothly on mobile devices, including iPhone, iPad, Android phone, Android tablet.

imgcolr : jQuery plugin for grabbing Image Color

imgcolr : jQuery plugin for grabbing Image Color

imgcolr is a jQuery plugin for grabbing the dominant color of a given image’s borders. You can programmably adapt the elements’ color on the webpage for the image after getting the color. Based on the idea, we can make the web more beautiful and interesting. Note that imgcolr can not handle images with colorful borders properly.