Archive for 2013

    jQuery Floating Message Plugin

    jQuery Floating Message Plugin

    jQuery Floating Message Plugin is display the messages easily.Dual licensed under the MIT or GPL Version 2 licenses.

    jQuery Horizontal Tree

    jQuery Horizontal Tree

    jQuery Horizontal Tree is a jQuery plugin for visualising data in a tree structure. This plugin supports add, edit, delete functionality with ajax and also supports drag and drop for re-organisation of nodes.

    A plugin that allows you to render structures with nested elements in a tree structure. To build the tree you need is to just make a single line call to the plugin and set parameter and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.

    CSS Arrow Please : Generate CSS tooltip arrows with JavaScript

    CSS Arrow Please : Generate CSS tooltip arrows with JavaScript

    Generate the CSS for a tooltip arrow with the help of javascript

    Unlimited Grid Layout in CSS & JavaScript

    Unlimited Grid Layout in CSS & JavaScript

    During my work as a frontend developer I coded many sites with a full page layout, both before and after the Flash decline.

    Coding this type of layout was, every time, one step forward towards a better and more maintainable CSS structure; however, even if every single length was expressed as a relative and flexible unit, we need to know the number of pages.

    For example: if we have an horizontal structure of 6 pages we set the pages’ container width to 600% and every single child page width to 16.66%. But if the number of pages changed to 5 or 7 we have to edit the CSS.

    Save selected text on a webpage to your Dropbox account – jQuery plugin

    Save selected text on a webpage to your Dropbox account - jQuery plugin

    This script allows users on your webpage to save any text (selected using a mouse), directly to their dropbox account. There is also an option to save the complete webpage to their dropbox account.Authenticates users with dropbox if not already logged in.

    headtrackr : Javascript library for headtracking via Webcam

    headtrackr : Javascript library for headtracking via Webcam

    headtrackr is a javascript library for real-time face tracking and head tracking, tracking the position of a users head in relation to the computer screen, via a web camera and the webRTC/getUserMedia standard.

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    Flowtime.js is a framework for easily build HTML presentations or websites.You can navigate in many ways. The most common way is using the keyboard.

    Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation.
    This frameworks doesn’t style your presentations or sites for you but it takes care of all the annoying things like navigation and deep-linking, so you are free to style every single element of your design as you like. But for the ones who need a ready-to-use tool it comes with a default theme that you can edit or you can add new themes just by linking your css files.

    jQuery Appearance Panel

    jQuery Appearance Panel

    A Plugin through which you allow your users to view your site their way. Give your users a better way to experience your website. Sliding Panel gives a unique and beautiful look to your website. 6 color Schemes(both light and dark) available. Very easy to use plugin. All HTML and styling generated by the plugin.

    jQuery Interactive Google Map using the Twitter API

    jQuery Interactive Google Map using the Twitter API

    Hey! In today’s tutorial we will create an interactive Google map using the geocoding service. Using the Twitter API we will retrieve the user’s location, and then display the profile picture on the map. We will also add the click action, after which we will retrieve the user’s 5 latest tweets.

    sizeyThingy : jQuery plugin that provides your Browser Size

    sizeyThingy : jQuery plugin that provides your Browser Size

    A little jQuery plugin that provides a quick way of seeing what size your browser is, helps with Responsive design.