html2canvas : Screenshots with JavaScript

html2canvas : Screenshots with JavaScript

This script allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.

The script renders the current page as a canvas image, by reading the DOM and the different styles applied to the elements.It does not require any rendering from the server, as the whole image is created on the clients browser.

Create a Minimal Coming Soon Page using HTML5 and CSS3

Create a Minimal Coming Soon Page using HTML5 and CSS3

In this tutorial we are going to create a Coming Soon page using HTML5 and CSS3 with a minimalist style and light colors. We will use the minimal Coming Soon page designed in Photoshop by Stelian a few days ago. For the countdown timer we will use jQuery and the jQuery countdown plugin from tutorialzine.com. Of course we will customize it a bit to match our design.

jQuery Terminal Emulator : Creating Command line interpreters

jQuery Terminal Emulator : Creating Command line interpreters

jQuery Terminal Emulator is a plugin for creating command line interpreters in your applications. It can automatically call JSON-RPC service when user type commands or you can provide you own function in which you can parse user command. It’s ideal if you want to provide additional functionality for power users. It can also be used to debug your aplication.

Features:

  • You can create interpreter for your JSON-RPC service with one line of code.
  • Support for authentication (you can provide function when user enter login and password or if you use JSON-RPC it can automatically call login function on the server and pass token to all functions)
  • Stack of interpreters – you can create commands that trigger additional interpreters (eg. you can use couple of JSON-RPC service and run them when user type command)
  • Support for command line history it use Local Storage if posible
  • Include keyboard shortcut from bash like CTRL+A, CTRL+D, CTRL+E etc.

IMCrypt : Image Protection with PHP & JavaScript

IMCrypt : Image Protection with PHP & JavaScript

IMCrypt is an image protection script that basically scrambles and descrambles images you choose on your website so that they can be easily viewed, but not as easily downloaded. This is accomplished by “encrypting” the image one-time on the server side using PHP and “decrypting” it when the client needs it through a piece of Javascript.

jQuery Upvote : A Voting plugin

jQuery Upvote : A Voting plugin

jQuery Upvote is a plugin that generates a voting widget like the one used on Stack Exchange sites.

Progression.js : jQuery Real-Time Hints & Progress updates For Forms

Progression.js : jQuery Real-Time Hints & Progress updates For Forms

A jQuery plugin that gives users real time hints & progress updates as they complete forms.You must give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step in the form progression.Then it shows a tooltip respective to every element  with progress report that how much form is completed.

Interactive Particles Slideshow with Html5 & JavaScript

Interactive Particles Slideshow with Html5 & JavaScript

This is an experimental interactive slideshow component with math shapes and texts using Html5 Canvas. The slideshow consists of pairs of shape and text, both made out of particles that the user can interact with and that transition into the next pair when navigating. With Canvas we can dynamically draw 2D stuff using JavaScript and this experiment shows some of the possibilities.

Flippant.js : JavaScript & CSS3 library for flipping things over

Flippant.js : JavaScript & CSS3 library for flipping things over

Flippant.js is a mini javascript and CSS3 library that lets you flip things over. It has zero dependencies, is easily customized, and exports a single function: flip.

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration. Fully replace Prototype and Scriptaculous with jQuery with as less as possible compatibility issues.

The “Tapestry5-jQuery” is an open sourced Tapestry 5 library from Atos WorldLine. It aims to make it possible to replace the Prototype/Scriptaculous JS layer of Tapestry: all its components, mixins or any other JS interactions. It also provided advanced UI component framework for easily integrating Ajax capabilities into business applications using Tapestry5

FSwit : jQuery Style Switcher

FSwit : jQuery Style Switcher

For those who have just started web designing, what is more important to the is to show their products in different styles. By using this application, it will be possible for you to see your WordPress Themes, HTML5 website templates, Drupal themes, Joomla templates etc. in all the styles you prefer. This Jquery application gives you a chance for easy set up and usage.

Just after a few steps your designs will be able to shown in numerous style. You can entegrate your designs without having any difficult and just within a few minutes because of the installation guide that is very detailed and easy to understand.