1064 JQuery Web Plugins

Are you looking for JQuery Web Plugins If yes then you are on right place because here we have collected most popular 1064 JQuery Web Plugins for you. you can choose any of following JQuery Web Plugins which suits best to your web based projects, These all are highly rated JQuery Web Plugins.

cPlayer is a beautiful and clean WEB Music Player by HTML5.Features:Lyrics displayPlaylistsThree play modes, Single cycle, list loop, random playDesigned for touch devicesModular CustomizableMedia Session Support .....
Core Java Script HTML5 Video_Audio


Formalist is a jQuery plugin to perform conditional web forms. Thanks to the use of the HTML5 data- attribute, the plugin easily recognized elements to be displayed or hidden conditionally in your form. For example, when a chec.....
Forms Plugins



Highway is a lightweight (2.2ko gzipped), robust, modern and flexible library that will let us create AJAX navigations with beautiful transitions on our websites. It’s been a while we were trying to build this ki.....
Ajax Core Java Script Web


remoteStorage.js is a JavaScript library for storing user data locally in the browser, as well as connecting to remoteStorage servers and syncing data across devices and applications. It is also capable of connecting and syncing .....
Core Java Script Web


Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. .....
Core Java Script Web


Lazyestload.js is a javascript library which load images only when they are in (and remain in) the viewport. .....
Core Java Script Image Effects Web



hy-push-state is a web component that lets you turn web pages into web apps. The component dynamically loads new content (formerly known as “ajax”) and inserts it into the current page, without causing Flash of White,.....
Plugins Web


whs.js is a framework for 3D web apps built with Three.js technology.It implements a core with component system and plugin support for fast development of 3D scene with physics.Features: Simple in usage Speeds up 3D scene protot.....
Animation Core Java Script



A lightweight jQuery plugin that displays a cookie consent message as required by EU regulation. The plugin displays a message on the user’s first visit to your website and, by default, again 30 days after their last visit......
Plugins Web


RAMD or Render – Add – Modify – Delete is minimal 0.65 kb library for making simple list projects. Everything is based on the “simplified virtual DOM” that is basically JavaScript Object listing the e.....
Core Java Script


This jQuery Plugin allows you to disable Right Click, Text and Image Copying, Keyboard and Scrolling on your sites. You can disable some of these features or all of them at once. This plugin is particularly useful if you want to p.....
Plugins Premium Web


Web Form is a Full Responsive Ajax HTML Form with Required field jQuery validation and Anti Spam (Google reCaptcha & simple Math Captcha) built on HTML5/CSS3 and JQuery. Code written in a simple way by which you can easily int.....
Ajax Forms Plugins Premium



CSS-doodle is a web component for drawing patterns with css.The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an ani.....
Core Java Script CSS


Curtains.js is a lightweight vanilla WebGL javascript library that turns HTML elements into interactive textured planes, allowing you to animate them via shaders. You can define each plane size and position via CSS, which makes.....
Animation Core Java Script


Dgtable is a table View for jQuery, which is meant to be high-performance, and allow simple user interactions with the UI, such as:SortingSorting by more than one columnMoving columnsResizing columnsFull cell preview when hovering.....
Plugins Tables


Today we’d like to share a little hover effect library with you. The effect goes as follows: when hovering an image, we’ll use a displacement image to transition to another image. Using different displacement images, we can cr.....
Core Java Script


A-Frame is a web framework for building virtual reality experiences.Make WebVR with HTML and Entity-Component Works on Vive, Rift, Daydream, GearVR, desktop.A-Frame can be developed from a plain HTML file without having to instal.....
Animation Core Java Script Web


Create and share beautiful images of your source code.Start typing or drop a file into the text area to get started.Features:Import from GitHub gist. Simply append a GitHub gist id to the urlCustomization. Customize things like yo.....
Core Java Script Web


Build your mobile-first web projects with web slide navigation system that’s give you all type of ready made responsive menu items for your any type of websites. Made with pure css, html, jquery, so you can customize it as you w.....
Bootstrap CSS Menus Plugins Premium


Today we’re very excited to share an experimental implementation of one of Gil Huybrecht’s designs with you. Gil creates fantastic signature designs with amazing animations and he kindly permitted us code up one of his works.....
CSS Web


Mo.js is a motion graphics toolbelt for the web.Silky smooth animations and effects for staggering user’s experience.Screen density independent effects look good on any device. .....
Animation Core Java Script


getUserMedia.js is a cross-browser shim for the getUserMedia() API (a part of WebRTC) that supports accessing a local camera device from inside the browser. Where WebRTC support is detected, it will use the browser’s native .....
Core Java Script Video_Audio Web


jQuery MiniUI – Professional WebUI Control Library. It can shorten the development time, reduce the amount of code, so that developers focus more on the business and server-side, easy interface development, resulting in a g.....
Forms Layout Plugins Tables


A handy jQuery plugin for smart progressive loading/unloading/animating of any content as it comes into (or leaves) view. .....
Plugins Web


Today we are going to explore some original and experimental backgrounds generated using WebGL. The main idea is to show interesting animated shapes as decorative page backgrounds, some having subtle interactivity. All the demos a.....
Animation Core Java Script


Are you an HTML templates developer? Do you sell your own products? Get closer to your clients. Import any valid HTML template into Novi Builder with 3 clicks only and multiply your earnings today.Features:Import any valid HTML te.....
Core Java Script PHP Premium Web


Detect visitors that use Ad Blockers! It detects nasty ad blockers and displays a custom message to your visitors, and you can optionally lock your content until they disable the ad block add-ons. Very simple to install and it’s.....
Bootstrap Plugins Premium Web


Today we want to show you some shader art made with WebGL. The idea is to create a decorative background effect by twisting images and hexagonal grid patterns smoothly on page scroll. The effect aims to be as light as possible on .....
Animation Plugins


WP Intercom Slack is a plugin which allow you to chat your customer from Slack. Bring the power of collaborative chat to help your customer. .....
PHP Plugins Premium Wordpress


This repository allows you to save your bookmarks under revision control, via a simple combination of HTML, CSS & Javascript. .....
Plugins Web


The Facebook Traffic Generator gives the ability to lock any page on your website and make it visible only if the visitor clicks the Like button. Increase you facebook page fans, URL likes and Shares & Drive more Social traffi.....
Plugins Premium Web


Pushme.js is a small but might really useful jQuery Plugin makes possible to push elements into specific containers depended on certain media queries. .....
Plugins Web


Imissyou.js is a jQuery plugin to change the title & favicon of the page when the user is not viewing your website. .....
Plugins Web


A jQuery plugin to showcase your YouTube Channel on your webpage. This plugin will create a tabs for all your uploads, playlists and videos. .....
Other API Plugins


Christmas 3D is a premium multi-purpose jQuery library for smart, fast, modern and comfortable site decoration.There are over 15 different images, control of any speed and direction available for your choice!Christmas 3D are respo.....
Animation Plugins Premium Web


In this tutorial we will show you how to view webpage in fullscreen using jQuery.Now if you want your website always open in fullscreen mode in browser you can use this method and it is also cross browser compatible. .....
Web


Monkberry is blazingly fast, small 1kb and simple JavaScript library for building web user interfaces.Small 1kb minified & gzippedSimple, small learning curveFully testedPrecompiled templatesSource mapsCustom tags .....
Core Java Script


WebGL based JavaScript library for creating high-resolution 3D globes and 2D maps. It supports different map providers, weather simulations, and a ton of other complex features. Their Demos page has a big collection of community p.....
Chart_Graph Core Java Script Maps


Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple .....
Core Java Script HTML5 Video_Audio


A jQuery plugin for changing website colors .It makes colors flexable and you can customize all colors in the website by one click. .....
Plugins Web


ViewScroller.js is a  small and easy to use solution that allows you to create fullpage scrolling websites.It uses CSS3 transitions and jQuery animations depends on browser abilities. It’s important because some old browser.....
Animation CSS Plugins


mFancyTitle is the jQuery plugin that lets you animate your document <title> & favicon easily with style. .....
Animation Plugins Web


Ultimate Styleswitcher is style switch framework built for designers and developers, or anyone else who have made some awesome template, plugin, etc. and now need some creative way to display all the possibilities of his/her lates.....
Plugins Web


WebGazer.js is an eye tracking library that uses common webcams to infer the eye-gaze locations of web visitors on a page in real time. The eye tracking model it contains self-calibrates by watching web visitors interact with the .....
Core Java Script


Barba.js is a small, flexible and dependency free library that helps you creating fluid and smooth transitions between your website’s pages.It helps reducing the delay between your pages, minimizing browser HTTP requests an.....
Ajax Animation Web


Website statistics like total visitors, total visitors online, total pageviews etc are very beneficial data every website owner must have to get a record of all of these to know how your site performing, how many visitor are onlin.....
PHP Web


Live preview is the live display of any kind of text like code etc in a textbox with proper formatting.When user write something a small box will appear and display the text as user write. So, in this tutorial we will show you liv.....
Forms Web


Kajero notebook is just a Markdown document with a script attached. Kajero is designed to make it really easy for anyone to create good-looking, responsive, interactive documents.All Kajero notebooks are editable in-line. .....
Core Java Script Web


jQuery WebFonts extension adds font embedding capability to jquery using the WebFonts technology. The extension provides a flexible way to choose font from a font repository and apply on html elements.Features:Flexible font reposi.....
Plugins Text Effect


markerPen is a simple jQuery plugin to incorporate the function of marking contents on a webpage. This plugin would come handy if you are creating webpages for academic purpose where a person can mark details while reading through.....
Plugins Web


A powerful toolkit for building websites with beautiful typography.Typography.js provides a vastly simpler way to define and explore typography designs.You provide configuration to the Typography.js JS api and it uses its Typograp.....
Core Java Script Text Effect Web


Filterjitsu is a jQuery plugin to filter DOM elements based on search query params in the URL. It filters simply by data attributes, making few assumptions on the structure of your DOM.There are many ways to filter data on the bac.....
Plugins Web


This library allows us to use html5 NotificationAPI in jquery. .....
HTML5 Plugins Web


360° Product view is a growing trend that has been able to significantly enhance online visual communication. With many eCommerce businesses increasing conversion rates & customer satisfaction while decreasing product returns.....
Core Java Script Drag_Drop Plugins Premium


Web Ticker is a jQuery plugin that allows you to have items scrolling indefinitely across the screen. It uses some fancy calculations to ensure smooth continuous transitions. The Web Ticker content, can be varied, including text, .....
Animation Plugins


Simple jQuery plugin to switch css stylesheet skin theme on your template demo . .....
CSS Plugins Web


This scripts helps you to add Virtual 3D Tour to your site. Purchase include the source of Visual Virtual Tour Constructor! It helps to create the Virtual Tour in visual mode in your site admin panel!Features:Maximal Support in Br.....
Core Java Script HTML5 jSON Premium Zoom


Optiscroll aims to be as light as possible in order to not affect the performace of your webapp. Optiscroll does not replace the scrolling logic with Javascript. It only hides native scrollbars and allows you to style the fake scr.....
Core Java Script Plugins


Push is the fastest way to get up and running with Javascript desktop notifications. A fairly new addition to the official specification, the Notification API allows modern browsers such as Chrome, Safari, Firefox, and IE 9+ to pu.....
Other API Plugins Web


The simple, easy-to-implement jQuery plugin that allows you to add popular search queries from a Google Custom Search Engine (CSE) to your website as sortable, filterable, and stylable keyword tags. .....
Other API Plugins Web


Inspired by Basecamp, Daily Messages is a simple, lightweight jQuery plugin used to display a custom message for each day of the week. .....
Plugins Web


jQuery Theme Changer, select color and change your theme, easy to use, jquery theme changer powered by Archin Modi. .....
Plugins Web


jQuery popunder is a jquery-plugin to create popunders in major browsers.Popunders are popups which are opened in the background of a browser-window. This script will only work, if the popunder is opened on a user-generated event .....
Plugins Web


Type-scale is a visual type scale calculator. .....
Text Effect Web


Lemon Lock Site – Advertisement is a plugin that allows to lock content on your website. It Prevent users download image, Copy content, download source code….Beside It when users try to do that we can show popup to advertiseme.....
Events Plugins Premium Web


This plugin is a very small javascript library which gives you the ability to write clever and specific CSS rules to refine your website design for each different browser, platform, device and operating system. .....
Core Java Script CSS Web


Tone.js is a Web Audio framework for creating interactive music in the browser. The architecture of Tone.js aims to be familiar to both musicians and audio programmers looking to create web-based audio applications. On the high-le.....
Core Java Script Video_Audio


Extracting and parsing structured data with jQuery Selector, XPath or JsonPath from common web format like HTML, XML and JSON. .....
jSON XML



dynamicColorChange is a small jQuery plugin to give your users the opportunity to style your page as they want. All you have to do, is, to define a couple of selectable colors and include a button with the class “color_chang.....
Plugins Web


Browser & OS / platform detection plugin for jQuery and Zepto .Detection of desktop and mobile devicesBrowser, operating system and viewport details embeddedLess than 2 KB (minified and gzipped)Full compatibility: Windows, Mac.....
Plugins Web


Restive.js is a jQuery Plugin that helps you quickly and easily add features to your Web Site that enable it respond and adapt to virtually every Web-enabled Device. Using a combination of Device Detection, Advanced Breakpoints Ma.....
Events Plugins Responsive


Cross browser audio/video/screen recording. It supports Chrome, Firefox, Opera and Microsoft Edge. It even works on Android browsers. It follows latest MediaRecorder API sandards and provides similar APIs. .....
Core Java Script Video_Audio Web


Shower HTML presentation engine.Built on HTML, CSS and vanilla JavaScriptWorks in all modern browsersThemes are separated from engineModular and extensibleFully keyboard accessiblePrintable to PDF .....
Core Java Script HTML5 Web


Blapy is a jQuery plugin that helps you to create and manage an ajax web application without coding any javascript to do it.The web application is built the usual way of generating web pages like with php or any standard CMS and B.....
Ajax Plugins Web


A simple plugin to allow fast reading text inside HTML elements showing one word at a time. .....
Plugins Web


Split.js is a lightweight, unopinionated utility for creating adjustable split views or panes.No dependencies or markup required, just two or more elements with a common parent. Views can be split horizontally or vertically, with .....
Core Java Script Drag_Drop Web


WebODF is a JavaScript library that makes it easy to add Open Document Format (ODF) support to your website and to your mobile or desktop application. It uses HTML and CSS to display ODF documents. .....
Core Java Script


HtmlEditor is a drag & drop web page builder in only 286kb (based on boostrap) script in javascript Jquery and php built for developer . You can simply integrate this script in your web project and create custom html template .....
Bootstrap Drag_Drop HTML5 PHP Premium


Trunk.js is a responsive web solution for creating better navigation and layouts. It tucks your navigation into the “drawer” on many devices, and while it triggers with jQuery, it moves with CSS for a much smoother effect. .....
Menus Plugins


Readable is a small jQuery plugin to help you make your paragraphs, well, more readable. It injects styling between the 45th and 75th character of every <p> tag on your page. .....
Plugins Web


Fullscreener is a jQuery plugin for easy fullscreen backgrounds. .....
Plugins Web


WebCola is an open-source JavaScript library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques. It works well with libraries like D3.js and svg.js .....
Chart_Graph Core Java Script HTML5


CodeFlask.js lets you easily and effortless put an code-editor to your web page.It was made as an attempt to create a leaner editor for simple purposes. Just a few lines of code and you’re ready to play with code in the brow.....
Core Java Script


Copying text to the clipboard shouldn’t be hard. It shouldn’t require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn’t depend on Flash or any bloated framework. .....
Core Java Script Web


Highlighter.js is a tiny (pure javascript) library to easily navigate, select and highlight the DOM elements. .....
Core Java Script Web


Create Beautiful MegaMenu navbar for your site. Using CSS3 Animation & Small Java Script It provides a modern app style navigation look in your website.Powerfull Feature: One Code for all devicesMobile friendly website menuMod.....
Bootstrap CSS Menus Plugins Premium Responsive


This project is in first development stage. Existing version is called version 0.1beta – its first functional prototype, which starts from having textarea with file contents. This version wasnt designed as application, but w.....
PHP


UpUp is a tiny javascript library that makes sure your users can always access your site’s content, even when they’re on a plane, in an elevator, or 20,000 leagues under the sea.With UpUp you control the content your u.....
Core Java Script Web


Syncscroll is a micro library (946 bytes minified) written in vanilla javascript, which allows to scroll two or more scrollable areas simultaneously .....
Plugins Web


Instamax is a jQuery plugin used to display your complete Instagram Portfolio – photos, videos, comments, hashtags etc. on your website!A header for your Instagram account with a Follow buttonAll Photos & Videos from your ac.....
Gallery Other API Plugins Premium


SingleJS  a jQuery plugin was made to help creating “slideable” single-page websites, with mobile integration. .....
Plugins Web


A simple and lightweight jQuery plugin for browser detection based on user agent.Adds a class to the body tag to allow you to use different CSS rules for different browsers. The returned value can be stored in a variable and used .....
Plugins Web


A EMI calculator web app build with the help of jQuery and JSON. .....
jSON Web


It’s a very simple tutorial about how to capture image using JavaScript webcam API. It also includes some good features like cropping, HD quality images, etc. .....
Core Java Script Video_Audio


DeviceMock.js is a jQuery plugin that can be given Device Frames for any of the elements (div, img , iframe). .....
Plugins Web


Architect Lite is a javascript application that allows users to build custom HTML designs via drag and drop with no coding knowledge. It is perfect for bundling with your template on themeforest or integrating into your existing p.....
Core Java Script CSS Drag_Drop HTML5 Premium Responsive Web


Document Library is a jQuery plugin that will allow you to display a collection of documents/files on your web page.The file formats that Document Viewer supports are:PDF FilesImages – png, jpg, jpeg, gifAudio – mp3, m4a, oga,.....
Plugins Premium Video_Audio Web


Evolutility provides a set of generic Backbone Views to browse, edit, filter, export and chart Backbone models and collections of different structures. With it you configure views with metadata instead of hand-coding templates, Ja.....
Chart_Graph Core Java Script Forms jSON Tables


jQuery plugin for adding live mini-previews to links on hover. .....
Plugins Web


This jQuery plugin allows you to show the user how long it will take to read the article considering the speed in which the user is scrolling. .....
Plugins Web


A responsive tour snippet, with a step-by-step guide to help users understand how to use your website. .....
CSS Web


FlyOut sticky website banners are ideal way to display your banners. You can show HTML5, Flash, gif, textual or static image banners effectively and with style.14 predefined banner sizes7 predefined fixed banner positionsEye catch.....
CSS Plugins Premium


This library enables developers to use Web Audio API by description like jQuery. In concrete, this library may be useful to implement the following features.Create SoundPlay the One-Shot AudioPlay the AudioPlay the Media (Fallba.....
Core Java Script HTML5 Video_Audio


Synoptic – Live Visual Webdesign editor is a web drawer ( a design editor plugin ) which allow you to “draw” your website as you wish ( as you always dreamed).Now you can re-design your website or make it look great for ever.....
Core Java Script CSS jSON PHP Premium


jQuery tour tip guide is good looking tour guides plugin.Touch enabledResponsive designCross Browser support .....
Plugins Premium Web


WebSnowjq.Js is a jQuery plugin made using HTML5 and javascript to create a virtual snow fall on a web page. WebSnowjq.Js is compatible with all browsers supporting HTML5. No effort is required to integrate WebSnowjq.js in a websi.....
Animation HTML5 Plugins


Olly.js makes it simple to turn your URLs into rich media. Use it to embed things like YouTube, Vimeo, or videos from a variety of other services automatically. .....
Core Java Script Video_Audio Web


Favico.js is a javascript library which can help you to make a use of your favicon with badges, images or videos. .....
Core Java Script Web


A lightweight JavaScript library to manipulate the page url. .....
Core Java Script Web


This is not Bootstrap killer, I just think Bootstrap is way too bloated. SkyBlue is a minimal framework that is meant to be starting point for my projects. .....
CSS Web


SiteHelp.Js is a very helpful Javascript plugin made using jQuery to provide interactive site help. Sometimes it happens that a user visits a webpage and he totally helpless as where to navigate next. SiteHelp.js helps such users .....
Plugins Web


Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone.This library prov.....
Core Java Script Image Effects


A jQuery plugin provides appear and disappear events to do lazyload, infinite scroll or else effect. .....
Events Plugins Web


jQuery Stage is a jQuery plugin for detecting information about the “stage”, the browser’s viewport. .....
Plugins Responsive Web


Off Canvas Menus are used primarily with Mobile and touch devices. It provides a modern application style navigation look in your websiteWe are combining website menu and mobile menu in one codeMobile application drawer menuRespon.....
Plugins Premium Responsive Video_Audio


Tutorialize is a jQuery plugin that provides a simple and nice way to present and teach elements on your web page.Teach new users with a tour of your siteShow your users the answer to their questionsFocus and explain specific part.....
Plugins Popup Window Premium


A multipurpose jQuery plugin for alert, confirm & dialog. With rich set of features :• directly load content via Ajax, • Auto-close dialog after a specified time, • prevent Dialog close on background click, • cal.....
Ajax Plugins Popup Window


Famax 2.0 is a jQuery plugin used to display any Facebook Fan Page on your website.Works on any device size (responsive + fluid)Fancy layout (new grid + header)Load more button for feedsImproved lightbox popup for videos (responsi.....
Gallery Other API Plugins Premium


KCFinder is free open-source replacement of CKFinder web file manager. It can be integrated into FCKeditor, CKEditor, and TinyMCE WYSIWYG web editors (or your custom web applications) to upload and manage images, flash movies, and.....
Ajax Drag_Drop HTML5 PHP


Allows you to detect those nasty ad blockers.Valid On:Google ChromeMozilla FirefoxInternet Explorer (8+)SafariOpera .....
Core Java Script Web


A Back to top button is an important element of a webpage. Nowadays, modern design websites are using it to provide the best user experience. It is one another factor which enhances the navigation experience for the user. It is.....
CSS Web


A jQuery plugin that new layout or new features using guide. .....
Plugins Web


Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.Bootstrap grid system200+ iconsjQueryUI widgets: accordion,.....
Ajax Bootstrap Calendar CSS Forms Plugins Premium


In this tutorial we are going to see invoice system using jQuery autocomplete. Sure this invoice software will helpful for the small bussiness owners. This invoice generator has following features:When user enters product name or .....
Ajax PHP Web


A jQuery plugin for generate animated Intro Loading Pages.This plugin help jquery beginners to add some cool animated intro page on a website.This plugin is very easy to install and use. .....
Animation Plugins Web


Youmax 3.0 is a jQuery plugin used to display any youtube channel feeds on your website.Features:Works on any device size (responsive + fluid)Fancy Layout – uses Wookmark gridLoad More button for playlist itemsImproved lightbox .....
Other API Plugins Premium Video_Audio


In this tutorial we are going to integrate pixlr online photo editor in our web application or website.Pixlr is an free online photo editor tool, using this pixlr editor we can edit photos like in adobe photoshop. pixlr has almost.....
Image Effects Other API


Webcam Shoot is a script fun and unique. It allows various uses that you can offer your users, makes it possible, taking pictures from your webcam on your computer.You can create a site to collect Selfie, the smiles, the most beau.....
PHP Premium Video_Audio


Extract images, text from any link like facebook does when you put any url in status update box, This script does the same thing, It extracts contents like image and text from website. .....
PHP Web XML


Mytour is a jQuery plugin that provides an easy and lightweight way to create an enjoyable virtual tour for your site. It’s so fast and so easy to setup that you can do it in a few minutes without too much effort! .....
Plugins Web


jCart is a free Ajax shopping cart that’s easy to install and customize.Based on jQuery and PHP, jCart handles visitor input without reloading the page and is fully functional even without javascript.Features:PayPal checkout int.....
Ajax PHP


FAQtoid is a simple free all-in-one help system for your website or web application. It reduces your support costs by giving visitors the tools to help themselves.FAQ with Live Search Users see answers as they type.Tours Walk .....
Plugins Web


A faster way to display quick tutorials for your application or websiteIt’s tiny! Just 5KB;Easy to customize;Allows callback functions;jQuery required. .....
Plugins Web


A jQuery plugin to fix background image while scrolling through content of a page. Once new page is scrolled to then a background image changes. The plugin works responsively with both short and long contents. .....
Plugins Web


InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases. .....
Core Java Script Web


A new way to create a single scrolling page in which sections are piled one over another creating an original effect to present the information.This jQuery plugin creates a stack of pages accessible by scrolling. Sections will b.....
Plugins Web


Page Walkthrough is a flexible system for designing interactive, multimedia, educational walkthroughs. .....
Plugins Web


WebCodeCam is a jQuery plugin for barcode and qr-code reading .The plugin can detect and scan the value of a barcode or qr code presented in the front of the webcam. A callback function is invoked when the image is barcode or qr c.....
Plugins Video_Audio


A jQuery plugin that assists scrolling and snaps to sections. Touch compatible. .....
Plugins Web


jQuery plugin for fixed elements on a web page.An easy way to control when and where fixed elements appear on your web page. .....
Plugins Web


A preview of full webpage or its DOM element with flexible positioning and navigation support. .....
Menus Plugins Web


jQuery plugin that lets you add quick note or todo note. .....
Plugins Web


Unit converting web tool javascript library.Convert angles, area, distance, fluid volume, mass, speed, temperature, and time all on one page. .....
Core Java Script


Animate-scroll is a mobile friendly Viewport triggered animation jQuery Plugin using greensock. .....
Animation Plugins Web


A lightWeight popover plugin with jquery ,enchance the popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!Features:fast,lightweightsupport more placementsauto c.....
Bootstrap Plugins


jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS librari.....
Bootstrap CSS Drag_Drop HTML5 Web


This jQuery plugin “Glue” allows you to create exit-popups on your website, so you can capture visitors just as they are about to leave.“Glue” detects if the mouse of a user leaves the viewport / document borders of your w.....
Plugins Premium Web


jQuery plugin to create a vertical scroll panel in a container element. To enable mouse wheel support include jQuery.mousewheel .....
Plugins Web


Endless.js  is a jQuery plugin for infinite scroll HTML element.The idea is to join the top with the bottom or the left with the right. So when you are at the end or the beginning, you can scroll again and you will are done a com.....
Plugins Web


Wanky Pages is a page switching management with 3D/2D CSS3 transition support and jQuery. .....
Animation CSS Web


Browser Title Bar Manipulation JavaScript Library With No Dependency. .....
Plugins Web


JavaScript Web Grabber is a web application that helps you produce JavaScript codes to automatically get HTML from a web page on the internet and display it on your website or blog. For example, say you want to get the latest MLB .....
Ajax jSON Plugins Premium Web


We’ve accepted the jankiness of page loads as a quirk of the web even though there is no technical reason for it. smoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface.....
Ajax Plugins Web


Horwheel is a javascript plugin which Scroll horizontally with mouse wheel. .....
Plugins Web


jQuery plugin to make use of the full available browser space for enjoyable image viewing. Also supports the native HTML5 fullscreen API in modern browsers. .....
HTML5 Plugins Popup Window Web


Anno.js lets you add powerful step-by-step guides to your web-apps. .....
Plugins


DIMA-SS is a powerful plugin build using jQuery and AngularJS. For web designer and developer. With DIMA-SS, you will be able to show your website templates in all the styles you prefer. Give your customer great experience with DI.....
Plugins Premium Web


Azexo Composer is JavaScript library for user friendly front-end content editing of HTML pages. It is based on jQuery, jQuery UI, Underscore and Bootstrap. The main difference from other solutions – Azexo Composer uses client JS.....
Bootstrap HTML5 Premium Web


jNottery is a jQuery plugin that lets you add notes and markers to webpages. All the data is encoded as a part of an URL which makes it easy to share or save.The library consists of 3 independent modules:core: hash encoder/decoder.....
Plugins Web


An ultra-light jQuery plugin that tells you if the element is in the viewport, but with a twist. .....
Plugins Web


Lightweight (< 3Kb), dependency-free javascript library to dynamically show the number of unread notifications in your webpage title. .....
Plugins Web


Ripple Lazyload Scrolling Effects WordPress Plugin is First ever made plugin for WordPress Lazy Load Scrolling effects. Till now these effects working only on html but we have now created 20+ Lazy load effects which makes your we.....
Animation Plugins Premium Web Wordpress


Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role speci.....
CSS HTML5 Popup Window Responsive Tables Tabs Web


Pure JS One Page Scroll is a javascript version of One Page Scroll. The plugin will let you create an Apple-like one page scroll website (iPhone 5S website) without replying on jQuery. .....
Core Java Script Web


LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers. .....
Games HTML5


Shepherd is a javascript library for guiding users through your app. It uses Tether, another open source library, to position all of its steps.Tether makes sure your steps never end up off screen or cropped by an overflow. Try res.....
Core Java Script Web


jQuery.html5Loader can preload images, html5 video and audio sources, css, scripts and text files. This plugin needs a JSON file to get the files that must be preloaded (you can use also use a javascript object as well), and it pr.....
HTML5 jSON Plugins Web


Centr is a lightweight jQuery plugin that centers any object to the middle of the screen. It is easy to use for both amateur and professional web developers. Centr works across mostly all browsers. .....
Plugins Web


A lightweight jQuery plugin for fade-as-you-scroll features. .....
Animation Plugins Web


A jquery plugin to automatically markup glossary terms on a page and display definitions as a tooltip.Features:Reads glossary list from json file or objectAutomatically searches for and marks up glossary terms found on a page with.....
jSON Plugins Web


With easy backgrounds you can add animated and non animated backgrounds to your webpage and HTML elements using just a few lines of code.The plugin is just 14kb and supports particles, slideshows, videos, gradients and animated pa.....
Animation Plugins Premium Web


A simple, lightweight, and easy to use jQuery plugin which turns a single page into a collection of screens with animated navigation.Multi-Screen.js makes it easy to change the defaults for the animations, their times, the startin.....
Animation Plugins Web


Clickstream is a jquery plugin for Effects to a page transition.By using this plugin you can add fade transition or positioning transition to your web page. .....
Animation Plugins Web


jQuery webrating plugin.Features:Easy to configurePrecision upto 0.01Use stars, hearts, smiles or your logoIntegrate with your own databaseCSS based coloringCustomized toop-tip optionCallback functions on click & hoverLimit nu.....
CSS Plugins Web


Add Overflow Scroll Effect like on iOS/Android but for your website.This jQuery plugin will add a bounce effect whenever you scroll up and reach the top/bottom of the website indicating the beginning/end of the page. With this scr.....
Plugins Web


A jQuery plugin that enhances the scrolling experience, by providing a snapping behaviour.Scrollsnap allows to define ‘anchor points’ onto which the window snaps when you scroll through a web page or parts of it. .....
Plugins Web


The Copyright jQuery plugin allows you to add a reference to the source in buffer when copying. .....
Plugins Web


Prezento, a jQuery plugin to showcase your web designs.Show off your responsive web designs. Include the plugin, apply the settings and you’re ready to impress your visitors! .....
Plugins


matchHeight makes the height of all selected elements exactly equal.Features:row aware, handles floating elementsresponsive, automatically updates on window resizehandles mixed padding, margin, border values (even if every element.....
Plugins Web


A jQuery plugin that reveals a takeover when people start excessively resizing their browser.Responsive design has been a blessing to web crafters everywhere. The web, however, was meant to be read, not squished. jquery.wanker.js .....
Plugins Web


Repeat is for filling out mock-ups, making it easy to duplicate blocks of sample content.The main use is duplicating sample content in templates, examples, prototypes and demo pages but without needing a server or maintaining a me.....
Plugins Web


Matter.js is a 2D rigid body physics engine for the web written in JavaScript (yes, another).Features:Physical properties (mass, area, density etc.)Rigid bodies of any convex polygonStable stacking and restingRestitution (elastic .....
Core Java Script HTML5


Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing th.....
Plugins Web


Rainbow.js is a small jQuery library that will allow you to create css gradients, with HTML only. .....
Image Effects Plugins Text Effect Web


Adds the real viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints. .....
Core Java Script Web


A jQuery-Plugin to replace alternate version of text for client side internationalization.To add two versions of a text string you can simply add your translation directly in markup. .....
Plugins Web


Slinky.js is a jQuery plugin for creating beautiful scrolling navigation lists with stacking headers.Create beautiful scrolling driven navigation lists with stacking headers that remain visible at all times.Features:Smooth scrolli.....
Menus Plugins


Add favicons to anchor elements on your page with jquery favicons plugin. .....
Plugins Web


PageLoader is a tiny, customizable add-on that gives your site an animated loading screen. It also adds a nifty slide-in animation to all your content; as the loading screen fades away, your content slides down in an unobtrusive y.....
Plugins Premium Web


Canvas was designed to be a simple and straightforward add-on that allows you to display information and content in a dedicated, full screen area separate from your main content. It’s responsive all the way down to tablets and s.....
Plugins Premium Web


OSGJS is a WebGL framework based on OpenSceneGraph concepts. It allows an individual to use an “OpenSceneGraph-like” toolbox to interact with WebGL via JavaScript, and provides facilities for exporting various assets to the os.....
Chart_Graph Core Java Script


This is a jQuery plugin provides a sticky header, sidebar or else when scrolling.Demo:SidebarHeaderNavbar .....
Plugins Web


A jQuery UI widget for building simple, scroll-based pages and interactions.Key features :100% style agnostic. Just a collection of often-used scroll-based patterns.Can can you existing DOM or use an array of objects to create mar.....
jQuery UI Plugins Web


There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere on the site. However problems may arise when you have .....
Menus Web


Knwl.js is a Natural Language Processor built with JavaScript, put simply, Knwl.js scans through text, user data, or just about anything for data of interest, phone numbers, dates, locations, emails, times, and more. Even check if.....
Core Java Script Web


jQuery plugin to display a page with chronological sticky tags.Features:Sticky tag can be positioned anywhere you want them to be (x,y,rotation). x, y are percentage within the canvas area (not pixel)ResponsiveUser can use scrollb.....
Plugins Web


Wallpaper is a jQuery plugin for smooth-scaling, element-filling backgrounds.A really simple way to add element-filling background images. .....
Plugins Web


The jQuery Searcher Plugin connects any list-like data with an input for searching. .....
Plugins Web


Scrollocue is a jQuery plugin for building a simple autocue/teleprompter system, to scroll through lines of text.Walk through the autocue text with the arrows, space bar or just click. .....
Plugins Web


Create a div with purpose as your background .. activate plugin; animated or reactive as the user scrolls. The plugin automatically will fix the div so it works seemlessly.N.b the only css you might want to change is the z-index o.....
Animation


Linkify is a jQuery plugin for finding URLs in plain-text and converting them to HTML links. It works with all valid URLs and email addresses. .....
Plugins Web


In this tutorial I have used jQuery to search friends like facebook style. With just a few lines of jQuery code and a small text input box you can add a search members / users / friends to any web projects.Previously I published t.....
Web


BrowserBlast is a lightweight and fully customisable script to display a warning for users of IE7 and below to let them know their browser isn’t supported anymore.To make the previous browserBlast even faster and more reliable, .....
Core Java Script Plugins Web


Clingy Footer is a small, simple jQuery plugin designed to lock a fluid height footer to the bottom of the browser viewport.jQuery plugin that takes the height of the footer, and assigns the same value to the padding-bottom of the.....
Plugins Web




A tiny plugin to handle events after a (window) resize has been completed. .....
Events Plugins Web


A jQuery plugin that does stuff to elements when they enter or leave the viewport.This is optimal for CSS animations, like the demos section below.You can set the tolerance parameter and allow the elements to enter the viewport ce.....
Plugins Web


Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.It captures AJAX requests which were made while the connection was down, and remakes them when it’s back up,.....
Ajax Core Java Script Web


An automatic web page progress bar.Include pace.js and a theme of your choice to your page and you are done!Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to deci.....
Ajax Animation Web


This little plugin will let you automatically fix position of any container on your website with one JS call. .....
Web


In this article, I will outline how to achieve Medium’s page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower .....
CSS Web


jQuery wizard plugin based on Bootstrap.Inspired by acc-wizard, this wizard is different from acc-wizard in a few ways:Source code is CoffeeScript;Not based on hash when move forward and backward in wizard;Not based on Bootstrap a.....
Bootstrap Web


In this day and age, we are all competing for attention. The longer people stay on your website and drill down to your content, the better. Today, I have decided to implement a plugin called End Page Box that will let you easily s.....
CSS Events Web


Single page layouts are taking off in a big way. It seems as if every product page nowadays is single paged, so I thought I’d have a little spin at it with this jQuery plugin. This allows you to create single paged layouts with .....
Menus Plugins Web


Scrolld.js is a unique open source plugin for jQuery. Scrolld.js provides a method for highly precise scrolling for pixel-perfect layouts and navigation using real-time updated data values. With Scrolld.js your scrolling to items .....
Plugins Web


A functional test suite powered by jQuery and the test framework of your choice.FuncUnit enhances assertion libraries like QUnit and Jasmine, enabling them to simulate user actions, easily test asynchronous behavior, and support b.....
Plugins Web


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


jQuery Fluid Content Scroller Plugin makes navigation through long item lists like news, events, blog posts, etc. smooth and easy. Plugin is represented with the tabbed navigation panel at the top and at the bottom of the page / l.....
Plugins Responsive Web


The Yummi-loader is nothing more than a simple LESS file with some CSS3 animations. Use them just adding ‘off’ class on your body element and changing it with ‘on’ on $(window).load() or $(document).ready().....
Animation CSS Web


Smart Content Protector jQuery is the jQuery Plugin to Protect the Text and Images in any site by including the js file. In order to avoid Plagiarism, it is essential to make sure the Text and Images from your site is not copied. .....
Plugins Premium Web


A smooth, lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links.The required markup for Readmore.js is also extremely lightweight and very simple. No .....
Plugins Web


This jQuery plugin is used to trigger some action if the given element is becoming visible or hidden while scrolling. .....
Plugins Web


A simple and easy to use jQuery plugin to create fullscreen scrolling websites. (also known as single page websites) It allows to create fullscren scrolling websites as well as adding some landscape sliders inside the sections of .....
Plugins Web


Simulate CSS3-style automatic columnization for the few browsers (IE) that don’t support it. It tries to follow CSS3 specification (http://www.w3.org/TR/css3-multicol/) closely.This should point to the DOM node(s) that hold .....
CSS Plugins Web


Formbuilder is a graphical interface for letting users build their own webforms. Think Wufoo or Google Forms, but a lightweight component that can be integrated into your application.As of right now, Formbuilder only handles the c.....
Core Java Script Drag_Drop Forms jSON


Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today. .....
Plugins Responsive


Loadie.js is a lightweight jQuery plugin to create a preloader that doesn’t suck and that is used by big firms. .....
Ajax Plugins Web


Crosbrowser & lightweight way to check if user is looking at the page or interacting with it. .....
Plugins Web


ContentShare is a jQuery plugin which lets you share the exact content on a page which you actually want to share. It enables you to share selected text on your social network rather the default text specified in the tags. By defa.....
Plugins Web


Create an Apple-like one page scroll website (iPhone 5S website) with One Page Scroll plugin.One Page Scroll let you transform your website into a one page scroll website that allows users to scroll one page at a time. It is perfe.....
Plugins Web


Here I had explained a very basic version of facebook profile tooltip with all features they have asked.You can learn how to design a facebook style profile tooltip with cover page,profile picture, name, headline, add as friend &.....
CSS Web


Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to .....
Plugins Web


A jQuery plugin that provides snapping functionality to a set of panels within your interface.A jQuery plugin that, after scrolling, snaps to blocks of content which I like to call panels. You can actually nest sets of panels as y.....
Plugins Web


Salvattore is a  jQuery masonry alternative with CSS-driven configuration.Salvattore organizes your HTML elements according to the number of columns you specify. Each of the items in your container is placed within these columns.....
CSS Plugins Web


jInvertScroll is a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down.It’s extremely easy to setup and requires nearly no configuration. .....
Plugins Web


Create a sticky floating fixed/scrolling sidebar. .....
Plugins Web


With jquery.arbitrary-anchor.js , you can easily create useful and neat dynamic anchor scrolling by simply adding a jQuery/CSS selector after the hash (#) in your page’s URL. This plugin extends the normal anchor functionality.....
Menus Plugins Web


Create a modal backdrop over everything except specified exposed elements.Sometimes you want to highlight elements on a page. There are many techniques out there will but a backdrop over the entire document and try to bring elemen.....
Plugins Web


A jQuery plugin that makes it easy to create paginated, feature vertically scrolling pages.Features:Easy to implement: One JS call, just put data- attributes on the DOMLightweight: ~1kb minifiedActive Class: Your navigation is .....
Menus Plugins Web


A plugin that allows you to define (full page) sections and scroll between them with mousewheel, keyboard, scrollbar and/or touch moves. .....
Menus Plugins Web


A jQuery plugin for making smart sticky elements.Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible. .....
Plugins Web


jWizard  is a jQuery Plugin for generating a Windows Wizard-like interface for your Web Applications. .....
Forms jQuery UI Plugins Web


A jquery plugin which allows us to quickly check if an element is within the browsers visual viewport regardless of the window scroll position.If a user can see this element, the function will return true. .....
Plugins Web


WordPress feeds will show up your posts from any wordpress site on your website. All you need to od is specify your wordpress site link or your worpress site Id. Now you can customize this plugin completely at Cloudsmith.The view .....
Plugins Responsive Web


An experiment/hack using getUserMedia to watch for swipes left and right with a hand. This could be applied to many different uses. Flipping through pictures in an image carousel, moving to the next item in a list, flipping pages .....
Plugins


Summernote is a javascript program that helps you to create WYSIWYG Editor on web.Simple UI, Interative WYSIWYG editing, easy integrate Backend server and so much others.Summernote uses opensouce libraries(jQuery, bootstrap, fontA.....
Bootstrap Plugins Web


A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the.....
Core Java Script CSS Menus


In this tutorial we’re going to build an expanding footer; a user interface pattern which allows the user to click on expandable footer regions if they wish to see more content. The end result is comparable to the accordion eff.....
Web


myChart is a jquery plugin that creates a ranking list on your webpage using images and data from a particular google plus album. All you have to do is specify that google album in your javascript. Each image is treated as an it.....
Other API Plugins


Enable HTML5 History navigation in your web site easly.This plugin aims to enable the HTML5 navigation in sites without having to change anything server side. If the browser does not support HTML5 no fallback is provided, the site.....
HTML5 Plugins Web


We are introducing our new tool, Cloudsmith, which will automate the way you customize our plugins. The tool will display a configuration panel, that will have all the config options regarding the plugin. Once you are done with th.....
Other API Responsive


jQuery.mmenu is a slick plugin that brings the same behavior into any -mobile- web layout. It transforms unordered lists with unlimited sub-lists into menu items and has multiple options for customization. .....
Menus Plugins Responsive


You may have seen Facebook’s technique that extracts content of remote URL when a user types a URL in the status text-box filed. In this article, we will try to create a similar type of Ajax based URL content extractor using jQu.....
Ajax PHP Web


Makes everything ajaxify with flexible URL routing powered by html5 history API.JQuery.LazyJaxDavis brings the power of history.pushState to static websites.This changes all location changes to dynamic – ajax based. .....
Ajax HTML5 Web


A custom ‘shake’ event JavaScript plugin for mobile web browsers using device accelerometer.Your web browser must support the devicemotion event for this plugin to work. Shake.js uses built-in feature detection to dete.....
Core Java Script Events Web


Ultimate Google Web Fonts code generator is a tool that allows you to instantly access all of Google’s open source web fonts, preview and generate code to use them with any website, regarding of technology used (PHP, Joomla, Mag.....
Ajax Other API Premium Web


A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. .....
Plugins Web


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 .....
CSS HTML5 Plugins Web


The tracking.js brings to web elements tracking techniques of a real scene captured by the camera, through natural interactions from object tracking, color markers, among others, allowing the development of interfaces and games th.....
Core Java Script Video_Audio Web


Allows you to accurately obtain an element’s em value in pixels using JavaScript. No more blindly dividing by hard-coded values. .....
Core Java Script Web


Smint is a simple jQuery plugin that helps with the navigation on one page style websites.It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically .....
Menus Plugins


A jQuery plugin that lets you display instagram photos to your website. For the most part, Instagram’s API only requires the use of a client_id. A client_id simply associates your server, script, or program with a specific appli.....
Other API Plugins


The jQuery realtime library is a first attempt at making it really easy for anybody to add realtime data to a web page by just adding markup to a page and using jQuery and a jQuery library.In this tutorial we’ll create a jQuery .....
HTML5 Plugins Web


A jQuery plugin to manage local storage and cookies simultaneously in a simple interface.We found that HTML5 Local Storage gave us the best return in terms of reliability and speed. Internet Explorer compatibility? Not so much. So.....
Plugins Web


IndexedDB is a database inside a browser to save and retrieve objects on the browser/client.The Jquery IndexedDB Plugin is a wrapper over IndexedDB, making it easier to use with Jquery.Don’t worry out browser differences ( s.....
Other API Plugins Web


In this tutorial I want to demonstrate how we can build a jQuery banner rotator which works even over PHP/Rails caching. You only need to implement the codes on your frontend, which means the settings on your web server do not mat.....
Web


An eye dropper tool on the web. Paste an image into the window, and mouse over it to extract colors with the help of this javascript plugin. .....
Core Java Script


SmartMenus jQuery is a successor to one of the oldest website menu scripts which was released back on August 2, 2001. Although the name of the project remains the same, the jQuery plugin is a completely new open-source script desi.....
Menus Plugins Responsive


This plugin is designed to work with Twitter Bootstrap to enable declarative AJAX support.No more writing the same 20 line $.ajax blocks of Javascript over and over again for each snippet of AJAX that you want to support. Easily e.....
Ajax Bootstrap jSON Plugins


Detector is a simple, PHP- and JavaScript-based browser- and feature-detection library that can adapt to new devices & browsers on its own without the need to pull from a central database of browser information.Detector dynami.....
Core Java Script PHP Web


ScriptCam is a popular JQuery plugin to manipulate webcams. Take snapshots, detect movement, colors, QR and barcodes, record videoclips and organize videochats.Impress your clients and visitors with this multi-language and fully c.....
Plugins Video_Audio Web


In this tutorial article, let’s create simple “Tweet to Unlock” feature for your web page using jQuery Ajax and PHP.Events are triggered when user successfully tweets the page, to capture some information from Twitter, we ca.....
Ajax PHP Web


Thanks to the flexibility of Twitter Bootstrap, you’re not in any way limited only to the framework’s default container and grid styles. It can actually be quite easy to introduce new layout options to your site without needin.....
Bootstrap Web


mySlide is a jquery plugin that will create a slideshow on your website using images from a particular google plus album. All you have to do is specify that google album in your javascript. You may also add a link url in the capti.....
Plugins Slider


Now you can show your business feeds / news / simple notifications on your website with Tumbax plugin. All you need to do is, have you business updates in your tumbl blog and install this plugin on your site. Tumbax will pull your.....
Other API Plugins


Ever wanted to pin something to the side of a text? Ever needed a subtle sticky element to quietly hang around as you scroll down?Jquery.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller.....
Plugins Web


Scroller is a bare bones option for completely custom scrollbars that retain a native feel. The scrollbar can be styled using basic CSS and will fall back to the standard browser chrome if JavaScript is disabled. If you find most .....
Plugins Web


PathJS is a lightweight, client-side routing library that allows you to create “single page” applications using Hashbangs and/or HTML5 pushState.Features:LightweightSupports the HTML5 History API, the ‘onhashchan.....
Core Java Script HTML5


Building on concepts like pjax and TurboLinks, Pronto is a simple way to harness the speed increases that HTML5’s pushState() can provide on nearly any site imaginable.Using a “partial page load” technique, Pront.....
Plugins Web


Aware.js is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader’s behavior without requiring login, authentication, or any server-side processing. .....
Plugins Web


Today I am going to tell how to create Gmail Style Email Message Inbox Design with jQuery & CSS.  From this design you can able toAdd Star / Unstar MessagesDelete Single MessageDelete Multiple MessagesMark as ReadMark as Unre.....
CSS Web


A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in .....
Bootstrap CSS Forms jQuery UI Maps Menus Popup Window Responsive Slider Tables Web


Navi makes it easy to dynamically display content on your sites. Instead of cluttering up your site tree with extra files, you can easily write all of your html code for multiple pages in one file.Navi was created to be an easy wa.....
Plugins Tabs Web


Today we want to share an experimental “morphing” slideshow with you. The idea is to transition between different devices that show a screenshot of a responsive website or app by applying a “device class”. By using the sam.....
Core Java Script CSS Responsive Slider


You want fart noises as you scroll? We’ve got you covered. Everyone farts. And now your web pages can too. .....
Core Java Script Web


et’s discuss today how we can reverse an Order/Unordered List in html using jquery. We have many ways to reverse the element of any ordered/unordered list (ol or ul Tags) using jquery. Let’s use reverse() function available in.....
Web


Plugins play a great part in the success of jQuery. There are hundreds of them out there, and having the ability to create your own is a great skill to have. With all of the interest in Pinterest (no pun intended), I thought it wo.....
Plugins Web


jQuery TE is a jQueryplugin. It is a lightweight (15.9 KB) and very useful HTML editor. And it works with WYSIWYG model.Most importantly, it can be integrated into your system in 1 minute. And you can modify it as you want in term.....
Plugins Web


Facebook has this nice little chat box that doesn’t take up much space, and people can instantly interact with their friends, it is a cool feature to have in any website. Let’s get inspired and create an Shout Box which will l.....
PHP Web


jQuery Input method editor library supporting 50+ input methods across several languages. This is jquery version of the input method tool used in Wikimedia projects. These input methods are well tested and contributed by large wik.....
Plugins Web


This jQuery plugin lets you have a light-weight online store on your website. The data about your products stays in the cloud (Parse.com). You may add products and categories using the Parse.com’s interface in excel like tab.....
Plugins Web


jQuery WebFonts extension adds font embedding capability to jquery using the WebFonts technology. The extension provides a flexible way to choose font from a font repository and apply on html elements.Features :Flexible font repos.....
Plugins Text Effect Web


Famax displays your complete Facebook Fanpage data on your website! You can post images/videos on your fanpage and it will be reflected on your webpage.Features:you can customize width and height of the widget on your website. .....
Other API Plugins


Simple jQuery plugin to show visual feedback when loading data or any action that would take time. .....
Plugins Web


MindMup is a zero-friction mind map canvas. Our aim is to create the most productive mind mapping environment out there, removing all the distractions and providing powerful editing shortcuts.This git project is the server-side po.....
Plugins Web


jQuery full content enables fully websites.Features:Create fully containers with width and height of windowDynamic position: Each container could have vertical and horizontal position setHistory hash in URLScroll animation between.....
Plugins Web


Today we’d like to share an experimental responsive layout with you. Initially, the layout shows four flexible boxes. When clicking on a box, it will expand to fullscreen and the others will scale down and fade out. When closing.....
CSS Web


Introducing a plugin that will extract tumblr blog post feeds from any tumblr blog you specify, and display the same in a widget on your website. You can use this plugin as a service to display notifications from your tumblr blog .....
Other API Plugins


Kool Swap enables impressively ajax page load support with history for websites. Just tell the plugin what should be switched and what are the triggers and swap pages in a nice way! .....
Ajax Web


I have recently realized that it’s been such a long time since CSS3 animations were introduced into the web, and yet I haven’t really experimented or made any demos with them before. I’ve also been using Window.....
Animation CSS Web


You All know Google used to crawl web pages and index them into there database of millions and trillions of pages they use a great software called spider to perform this Process   this spider will index all the web pages in .....
PHP Web


Metro UI is a flexible and easy to integrate framework to build your one page website in Windows 8 Metro UI. It is fully powered by HTML5, CSS3 and JavaScript with plengy of options for you to configure it to suit your own needs.F.....
CSS HTML5 Premium Responsive Web


I received lots tutorial requests from my readers that asked to me, how to play a notification sound on website chat?. We implemented this in a simple chat box application using Jquery and HTML5 audio tag, it is just five lines of.....
HTML5 Web


Pimax displays a photo gallery from your Picasa/G+ albums. The Public albums are pulled from your account and dsiplayed on your website. You can add a public album or add some images to your G+ account; it will be reflected on you.....
Gallery Other API Plugins


A parallax scrolling responsive framework with jQuery.It is a collection of HTML/CSS and JavaScript files to be used for web designers and developers.The best way to have a website with abilities to be viewed in every computer, ta.....
Plugins Responsive Web


Slingpic is an image sharing tool that allows your users to share images from your site quickly and easily. Allow your site’s visitors to share images across social networks, email, blogs and more at the click of a button. C.....
Plugins Web Wordpress


Tiny bootstrap-compatible WISWYG rich text editor, based on browser execCommand, built originally for MindMup. Here are the key features:Automatically binds standard hotkeys for common operations on Mac and WindowsDrag and drop fi.....
Bootstrap Plugins Web


Sieve is a jQuery plugin allows you to quickly add an interactive search filter to any block of content. .....
Plugins Web


Pusher Chat , is a Facebook like chat jQuery plugin using Pusher API.Now you can get easily a chat application on your site.Featureseasy to Customize with cssmanage friend list via jsonuse Pusher APIdetect message typingdetect mes.....
HTML5 jSON Other API Web


Allow elements to stick within viewport when scrolling. Toggles position: fixed only after scrolling the viewport. Degrades nicely on mobile and tablet browsers.Supports:Doesn’t overflow footer because footer pushes elements.....
Plugins Web


Notific8 is a jQuery notification plug-in inspired by the notifications introduced in Windows 8 with some web ready restyling and customizations. Notific8 has built in themes and is easy to create new themes for. The plug-in was b.....
Plugins Web


Zebra is a javaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool .The approach sits on top of HTML5 Canvas element what makes possible to render any i.....
Core Java Script HTML5 jSON Layout Tabs Web


A jquery plugin that slowly and lazily packs the contents of an element. Unlike most packing libraries that try to do all the math and sorting up front, stalactite takes a lazy approach and sorts each child element sequentially. T.....
Plugins Web


A jQuery plugin which shows a user feed from the most popular social networks.Currently supports: Facebook, Twitter, VK. .....
Plugins Web


This script pulls events that you create in your public Google calendar and displays them on your website.You may choose how many events to display at a time.Each event box can show the event start date-time, timezone, location of.....
Calendar Other API Plugins


A better way for new feature introduction and step-by-step users guide for your website and project. .....
Core Java Script Web


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 .....
Other API Plugins


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. .....
Core Java Script Video_Audio


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 dis.....
Core Java Script CSS HTML5 Menus Web


The jQuery Address plugin provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state. It enables a number of important capabilities i.....
Plugins Web


A tailorable jQuery plugin to deal with the EU Cookie Law.’ve been trying to come up with a way of implementing a sensible solution to the impending EU cookie law due to be enforced on 26th May. I wanted to develop something.....
Plugins Web


We love that neat little “pull to refresh” feature on our devices, but wouldn’t it be awesome if it was for the web? Well, that’s what Hook is here to do. We took a concept from mobile phones and tablets an.....
Plugins Web


A jQuery plugin for sticky positioning. Fix containers to the viewport relative to an ancestor. To see it in action you can see the demo pageFeatures:ResponsiveHandles multiple instancesStart, stop, destroySensitive to viewport he.....
Plugins Web


Tiny but perfect jQuery scrollbar plugin.Features:There should be no css change on any original element.The scrollbar should not affect the original design layout.The design of the scrollbar should be (nearly) fully customizable.I.....
Plugins Web


This script uses OAuth in a jquery plugin to authenticate users on your website using their Dropbox account credentials.Pulls the user details from its Dropbox account and displays the same on your webpage. .....
Other API Plugins


A bookmarket to add bubble cursor functionality to any website.Drag the bookmarklet from index.html to your bookmarks bar or another tab. Use it on any webpage to see how a bubble cursor works.The current link will be outlined in .....
Core Java Script Web


Speedo Harlem is a jQuery plugin to entertain your visitors and let them shake your website.In the wake of the Harlem Shake viral video trend we realized that dancing is not for everyone, so why not learn our website how to shake .....
Animation Plugins Premium Web


fresherEditor is a light-weight WYSIWYG rich text editor plugin that uses contentEditable support in modern browsers for in-place HTML editing.Features:Supports all text editing features such as bold, italic, font size and font na.....
Bootstrap Plugins Web


sDashboard is a jQuery plugin that converts an array of objects into a dashboard. Each object in the array would be rendered as a dashboard widget that can be rearranged by dragging around.sDashboards has built in support for rend.....
Drag_Drop Plugins Web


This is NOT another small youtube widget or a video box to be shown on the right side of your website. This is the real deal. Now show your actual complete youtube channel on your website just like its shown on youtube.Youmax plug.....
Other API Plugins Video_Audio


Web Audio seeks to process and synthesize audio in web applications. jWebAudio keeps the technical details of Web Audio under the hood and makes it easier to control your audio.jWebAudio focuses on audio control of web games and p.....
Plugins Video_Audio


Just like you favorite graphic editor – but in your browser. And it creates CSS.A HTML5 app for creating CSS3 in a intuitive way.Colorpicker can pick any color of the element your working onDrag and Drop images onto the page.....
Core Java Script CSS Drag_Drop HTML5 Web


This plugin helps in make your animated gifs in the browser.This is an H5BP community project. H5BP is where you’ll find a bunch of people creating open source software. .....
Animation Drag_Drop HTML5 Plugins Web


Add Photoshop-like rulers and mouse position to a container element using jQuery. jQuery.Ruler is a jQuery plugin born out of sheer curiosity and on a whim. It dynamically places rulers on the x & y axes, with tick marks every.....
Plugins Web


In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. For this purpose we are going to use a number of JavaScrip.....
Drag_Drop HTML5 Image Effects Plugins


CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically.Kerning.js is a single script, small, and has no dependencies. Add it to your page, add some CSS rules, and y.....
CSS Plugins Text Effect


In this tutorial we will create a simple smooth horizontal content scrolling effect with just a few lines of jQuery without using any plugin. We will use HTML and CSS for the layout and jQuery for the scrolling. .....
Web


Howler.js is a JavaScript library that works with Web Audio API by default and falls back to HTML5 Audio when not supported.Features:Defaults to Web Audio APIFalls back to HTML5 AudioSupports multiple file formats to support all b.....
Core Java Script HTML5 Video_Audio


This tutorial will teach you to create sidebar elements that can be floated/fixed on their position when the page is scrolled. Also those elements follow the certain boundaries which makes the scrolling to stop on reaching the bot.....
Web


JSON Editor Online is a web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview and in formatted plain text.Features:View and edit JSON side by side in treeview and plain text.E.....
Core Java Script jSON


ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease. .....
Plugins Web


jqIpLocation is a jQuery Plugin that returns the location of an IP address in JSON format. You can get country, country code, city name, region name, latitude and longitude information about IP address location. .....
jSON Plugins Web


jQuery indicator plugin help in telling that some data is loading.This plugin is used to show and hide loader image when you do mouse request that you decide. .....
Plugins Web


In this article, I’ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this ca.....
CSS Menus Responsive


A jQuery plugin to build a website on the infinite canvas.Started as a jQuery port of impress.js and utilizes the power of CSS3 transforms and transitions in modern browsers. .....
CSS Plugins


FastLinks is a library which allows you to load the links on your website with ajax calls. With this library your website will load a lot faster. This library uses jQuery and the html5 history API. (The history api works in all br.....
Ajax HTML5 Plugins Premium Web


Vague.js is an experimental script that allows you to blur any kind of html element thanks to the SVG filters. This script is crossbrowser and it was tested on:Firefox 10 +Chrome 18 +Safari 6.0 +IE 7 + .....
CSS Image Effects Plugins SVG Tutorial Web


Modern browsers now support cross-window/cross-domain/cross-origin messaging through window.postMessage.postmessage is a simple wrapper for window.postMessage and the window message event, for those who wish to use this feature in.....
Ajax jSON Plugins Web


Dropzone.js is a light weight JavaScript library for jQuery that turns an HTML element into a dropzone. This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX.Features:Image thum.....
Drag_Drop Plugins Web


In this tutorial I’d like to focus on the Yahoo! Answers API. We will be creating a simple webapp that pulls all recently answered questions from a select few categories. The API delivers results via XML or JSON, so we have the .....
Ajax Other API PHP


In this tutorial we’ll use a couple of readily available jQuery plugins to quickly put together a cool little single page website of our own, complete with fancy scrolling effects.This tutorial will be a walkthrough of my design.....
Web


In our latest jQuery social network tutorial we are going to create a jQuery plugin to display Pinterest feeds via AJAX from either a username or pinterest board and display them in a masonry style wall using jQuery Isotope.The pl.....
Ajax CSS Other API Plugins Web


This jquery plugin displays a textbox to enter text. When you enter a URL in the textbox, the plugin creates a data box for a link having the link title, description and an image. The plugin works like a URL scrapper and these scr.....
Plugins Web


WebcamQRCode is a jQuery plugin that uses the webcam user to scan a QR code and return the result to Javascript to be treated.  This plugin was originally developed to scan the barcode of the product and automatically fill in the.....
Plugins Video_Audio


This tutorial explains how to create a vertical-scrolling single page website in four steps using jquery.There are at least 3 kinds of Single Page websites. The basic idea is that all content is placed on one page, but only a port.....
Plugins Web


With jAnalytics you can add Google analytics stats and event tracking to your website. It will automaticly add event tracking to your outbound, email and download links.Features:Add google tracking code to your websiteOptitional t.....
Plugins Premium Web


Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid opt.....
Bootstrap Forms Tables Web


Simple audio wrapper for easy sound effects on your website. SFX.js plays OGG files when browser supports them, and falls back to MP3 otherwise. OGG is prioritized because it is an open format with developer friendly licensing, un.....
Core Java Script Video_Audio Web


A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left. .....
Plugins Web


In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users of your web application. The widget content is going to be searchable in real ti.....
Plugins Web


Use jQuery to create iOS-like App Folders on any website. They can contain any content and be styled in any way.Features:Works great on mobilesResponsive designFully styleable (it’s easy!)Well-documentedVery easy to useCan c.....
Layout Plugins Responsive


In this tutorial I want to explain how we can build a simple portfolio update panel using jQuery.You will notice the webpage itself is very bare aside from the effect. This will make it easier to embed a similar page widget into a.....
Ajax Web


jQuery plugin for displaying a simple feed of recent tweets.Tweed will replace anything inside a container, so if you want to have a simple “tweets loading” message, just place it inside of a container, and Tweed will .....
Other API Plugins Web


Photobooth-js is a jQuery plugin plus an html5 widget that allows users to take their avatar pictures on your site.This jquery plugin is supported in all browsers that support navigator.getUserMedia. .....
HTML5 Plugins Web


slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar – similar to the one Facebook and Google started using in their products recently. slimScroll doesn’t occupy any .....
Plugins Web


Feedget is a jQuery based RSS Feed reader plugin that allows you to easily include a simple RSS Feed widget on your website. There are several configuration options available that allow you to include feed images, navigation butto.....
Plugins Premium Web


Multi-Color progressbar component for Twitter Bootstrap creates a progressbar which consists out of three colors or zones.Green (bar-success)Orange (bar-warning)Red (bar-danger)The progressbar consists out of three zones: safe, wa.....
Bootstrap Plugins Web


This is an implementation of rating stars on top of jQuery. It follows the philosophy of the Prototype/Scriptaculous Starbox plugin but is not quite as sophisticated. It does not currently work well on IE 6!But there are some grea.....
Plugins Web


A few weeks ago, Dropbox introduced a neat new feature – the Dropbox Chooser. By embedding it into your website, you give users a button with which they can attach files from their online storage.Today we are going to use this f.....
Ajax Bootstrap Other API PHP Web


Simple barebones project to show share counts from various social networks.SocialCount is a small jQuery plugin for progressively enhanced, lazy loaded, mobile friendly social networking widgets.Currently supports Facebook, Twitte.....
Ajax Plugins Web


This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. It’s new life of bootstrap-editable plugin that w.....
Bootstrap Forms Plugins Web


Need a neat way to present your events in a calendar? This is the plugin for you.Features:easy install – purchase, download the zip, read the docssample setup included – a sample setup with the plugin to show an example on.....
Calendar Plugins Premium Web


A tiny javascript library for generating progress pie charts in your favicon. .....
Core Java Script Web


I wanted to try and create an animated steps indicator. This was primary for mobile. The code is a bit messy =). This could be replicated with just using jQuery, but i wanted to leverage CSS3. .....
CSS Web


jQuery Splitter is plugin that split your content with movable splitter between them. .....
Plugins Web


Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. .....
Menus Plugins Web


Infinity.js is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant. The code is hosted on Github, a.....
Plugins Web


Method Draw is a fork of SVG Edit, a web based SVG editor.The purpose of Method Draw is to improve the usability and user experience of SVG Edit. It removes some features such as layers and line-caps/corners in exchange for a more.....
Core Java Script SVG Tutorial


I built this simple plugin while working on an online personal finance tool, I wanted a simple solution to manage tags for each expense users were entering, like in stackoverflow and many other sites.Best way to understand what it.....
Ajax Plugins Web


In this tutorial I will taught how to take a personal site with a common text document layout, and create something far more interesting with the jQuery Scroll Path plug-in .We’re going to use one of my own plug-ins, jQuery Scro.....
Plugins Web


Garlic.js allows you to automatically persist your forms’ text field values locally, until the form is submitted. This way, your users don’t lose any precious data if they accidentally close their tab or browser.It str.....
Forms Plugins Web


When someone types anything in it then a set area on your page becomes responsive and only displays part of that area which contains the word or string typed by the user. .....
Plugins Text Effect Web


In this tutorial, we will be making a simple product search engine. Using jQuery and PHP, we will tap into Google’s Shopping Search API and return a list of items available for purchase, along with prices, photos and other usefu.....
jSON Other API PHP Web


toastr is a Javascript library for Gnome / Growl type non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended. .....
Plugins Web


InfiniWall is a script for desktop and mobile that lets you pan/scroll a potentially infinite number of elements on screen. It is obsessively optimized for mobile devices which have limited power and memory and notoriously have tr.....
Plugins Web


Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap. .....
Bootstrap HTML5 Plugins Web


Google recenlty launched a new way to search the web called Google Instant, which can save several seconds per search.Google instant involves a lot of high technology, including a new and smarter predicting system.This technology .....
jSON PHP Web


BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 MetroUI” style, without the need to run on Windows 8. It is built on top of Twitter Bootstrap and was origi.....
Bootstrap CSS Forms HTML5 Layout Menus Responsive Tables Web


Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles!.The bubbles are visually interesting, will draw attention and due to the small size make sure that you will write using conc.....
Plugins Web


The Frequently Asked Questions page has been a mainstay of all types of websites since the dawn of the Web. It’s used as a marketing page, as an attempt to reduce the number of calls or e-mails to a customer service departme.....
Web


This is a smart interactive Shopping Cart jQuery plugin based on Bootstrap framework.Features:Very easy to install!Full AJAX implementation code.Well documented code.HTML5 & Valid CSS .Cross-platform.Easy to customize. .....
Ajax Bootstrap CSS HTML5 Premium Web


Responsive Tile Gallery is a completely responsive image gallery. It allows your visitors to easily sort and view all of your images. It also allows you to put your images into categories, load thumbnails instead of full resolutio.....
Gallery Layout Plugins Premium Responsive Web


FSN (Fullscreen Site Navigation) is a JavaScript plugin that lets to build in the easy and quick way a fullscreen website.FSN can be integrated into any cms or website template: it provides only the structure and the algorithm to .....
Ajax HTML5 Plugins Premium Web


A JQuery tooltip plugin that easily adds tooltip interaction to HTML element that requires a bit more information than a title attribute. .....
Plugins Web


Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that p.....
CSS Responsive Web


Toggles is a lightweight jQuery plugin that creates easily-styleable toggle buttons. .....
Plugins Web


A jQuery plugin to handle the print() functionality. This way, we can make anything on the page printable using a jQuery selector. The caveat being that the containing element is not printed – only it’s child elements .....
Web


This time Google has invested some resources in designing their sites. Like Gmail has been made much better. The new theme is simple and sober. I liked the floating toolbar of new Gmail. When I looked at it I thought why shouldn&#.....
Plugins Web


Today we will learn how to print a section of the page using jQuery plugin PrintArea. This plugin allows us to indicate which container on the page we want to send to the printer maintaining the original css styles applied to the .....
Plugins Web


jQuery mobile framework provides easily themeable, HTML5-based interface with support for pages transitions, therefore it would be very easy to create simple web presentations that will work on all popular smartphone and desktop p.....
HTML5 jQuery Mobile Slider


A jQuery plugin that makes it easy to share and demo code in-page, using GitHub gists.Sharing code is an essential part of the Internet. It’s how we learn.The Gist service that GitHub provides is an instrumental part of that.....
Plugins Web


This tutorial will take you through the step by step development of building a ToDo App entirely powered by Web SQL. You will learn about getting started with Web SQL, understanding transactions, following best practices and how t.....
Web


Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands.Features:Each language definition adds roughly 300-500 bytes.....
Core Java Script Plugins Web


Of late there has been a UI trend of page elements (usually navigation items) that scroll with the rest of the page until they reach the top of the browser window. At this point those elements stop moving, while the rest of the pa.....
Web


jCouch is a very lightweight jQuery plugin that provides you the feature of viewing a web page in distraction free mode. If your website is text oriented and the visitors on your site prefer reading your site content then this plu.....
Plugins Web Zoom


In this tutorial we will code the Login Form that you can find in Futurico UI Pro made by Vladimir Kudinov. To create it we will use CSS3 and jQuery. .....
CSS Forms Web


If you have ever dreamt of showing real time data on your website then this tutorial is for you. In this tutorial I will show you how to show real time updates and data on you web pages. Here I will use Pusher API to create a two .....
Ajax Other API Web


At the moment this is a plugin for jQuery to render a PDF. It uses the PDF.js library from Mozilla to render the PDF completely inside the browser. Requires no extra software to be installed on the client computer, such as Adobe A.....
Plugins Web


Gritter is a very nice growl-like notification plugin to use on website, which creates a beautiful notification box like the ones in Mac OS X. .....
Plugins Web


A jQuery plugin for newspaper-like columns on the web. It grabs the child elements of a container and organizes them into a top-down, customizable, set of columns. .....
Plugins Web


Let’s face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, .....
Ajax Animation CSS Plugins Web


UIKit is a small (4kb minified / gzipped) collection of flexible, cohesive, decoupled components for the modern web. With an emphasis on structure-only styling making it simple to apply application specific styling. UIKit is not a.....
CSS Forms Menus Popup Window Web


A super-simple bookmarklet for designers that finally puts you back in control of your website’s typography.Here’s how it works: Add the bookmarklet to your browser and activate it while at your page. Then just click a.....
Text Effect Web


IFrames are commonly used to allow embedding of third-party content. Many popular services, such as YouTube and Facebook, make extensive use of IFrames in their embeddable widgets.On a responsive website, all page components must .....
Plugins Responsive Web


If you have not connected your web content with social medial platforms, you are are just a step behind. All you need to do is add floatShare jQuery plugin on your website. It is a free jQuery plugin that allows your website visit.....
Plugins Web


Wordsmith is a jQuery plug-in that adds on-demand word definitions to your site.Wordsmith is easily added to your existing web page by including jQuery, the Wordsmith javascript file and then by simply calling the Wordsmith plug-i.....
Plugins Web


A jQuery Social Plugin to create a single social media stream from multiple social networks.Socialist is a jquery social plugin that creates a social stream (or social “wall”) from multiple social media feeds in one pl.....
Ajax Plugins Responsive Web


A jQuery cssHook adding support for “cover” and “contain” to IE6-7-8, in 1.5K.All was well until I discovered the elegance of background-size: cover; and background-size: contain;. The first one, for instan.....
Plugins Web


Dummy is a content generation toolkit designed to make the development, testing and presentation of web prototypes less time consuming and more realistic. It does so by making it easy to populate static HTML with dynamic content, .....
Plugins Web


jReject provides a simple, robjust, light-weight way to display rejections based on a the browser, specific browser version, specific platforms, or rendering engine. Provides full customization of the popup. Uses no CSS file (by d.....
Plugins Web


This is the continuation of my previous Java tutorial Insert Records into MySQL database using Jquery, now I want to explain how to convert records data into JSON data format and display JSON data feed using Jquery. It’s sim.....
jSON Web


In this tutorial we are going to build a little chat program that is really easy to get up and running on any server running PHP. No database is required – as the chat will store itself in a simple text file.PHP – Will.....
Ajax PHP Web


A jQuery plugin for searching the DOM.It lets you search within an element (e.g.: a table or a list), narrowing down the inner elements using LiquidMetal, which is way better than whatever else you could come up with. .....
Plugins Web


Create.js is a comprehensive web editing interface for Content Management Systems. It is designed to provide a modern, fully browser-based HTML5 environment for managing content. Create can be adapted to work on almost any content.....
HTML5 jQuery UI Plugins Web


SwipeView is the super simple solution to endless seamlessly loopable carousels for the mobile browser. It’s memory conservative as it uses only three elements at any given time, it’s smooth as velvet since it takes advantage .....
Carousel Core Java Script


The jQuery Tagit Plugin transforms an html unordered list into a unique tagging plugin.Features:Convenient way for users to enter a list of itemsFully integrated with jQuery ui auto completeAutomatically adds current input as tag .....
Drag_Drop jQuery UI Plugins Web


In this tutorial we will create a neat and simple notification bar which allows you to integrate the notifications on your website. It can be used to create alert, success, error, warning, confirmation messages as an alternative t.....
Web


uSquare is a responsive squared grid that can display your content in a unique and interesting way. You can use it for displaying team members, products, services, designs, blog posts or anything else that comes to your mind. In o.....
HTML5 Plugins Premium Responsive Web


If you know Java concepts, you can easily understand any kind of language very quickly. If you want to became a good programmer, I strongly suggest start with J2EE programming. I heard that many people feels that it’s though.....
Web


Over the past year, we’ve seen website toolbar’s become an increasingly popular way for site-owners to offer users a consistent set of powerful social features, regardless of what page they’re on – Share, Subscribe, Tweet,.....
Menus Web


Tooltipster is a lightweight (4,813 bytes minified) jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.Supports HTML tags inside the tooltipLightweight and degradableExtremely flexible & fast to se.....
CSS HTML5 Plugins Web


blackCalculator is a jQuery plugin for create a calculator. It supports CSS customization, easy translation, two options of calculators, cross-browser, allow and disallow keyboard! .....
Plugins Web


jsPlumb provides a means for a developer to visually connect elements on their web pages. It uses SVG or Canvas in modern browsers, and VML on IE 8 and jQuery.jsPlumb adds an element to the DOM for each Endpoint, Connector and Ove.....
Animation Chart_Graph Drag_Drop Plugins SVG Tutorial Web


Chirp.js is a simple way to Tweets on your website with javascript.Chirp js ia very lightweight, Templating and Client-side caching features. .....
Core Java Script Other API


JalaliJSCalendar is a JavaScript date-picker and calendar widget based on “Dynarch DHTML Calendar” from Mihai Bazon. The main difference between two is that JalaliJSCalendar supports Persian (AKA Hijri Shamsi) calendar.....
Calendar Plugins Web


There are so many web applications available for shortening URLs to share online. TinyURL is one of the originals and has been around longer than I can even remember. Their service is always online and it works perfectly for trans.....
Ajax Other API Web


Increase advertising revenue and the number of visitors to your site using the content lock based on the Facebook Like Button. Lock the most interesting part of your articles, links, images, videos, etc. The plugin allows you to l.....
Plugins Premium Web


In this short series we will learn how to highlight the sections of the content on page based on what html tag they are wrapped within. .....
Plugins Web


jBar is a simple and lightweight jQuery notification banner I’ve created which is an alternative to the Hellobar. It allows you to create a simple call to action and bring it forward for the user to see at the top of your websit.....
Plugins Web


CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site.In addition to the standard text formatting features f.....
Forms Plugins Web


Here is a very simple way ho to create a heat map with jQuery. The idea is to track the clicks of a user and then display the click pattern with semi-transparent dots on an overlay. You can try out the demo by first clicking aroun.....
Plugins Web


An isotope powered social stream.An infinite social stream based on RSS feeds with a MySQL backend.Currently supports the following social networks (however it should work reasonably well with any RSS feed):Google PlusGithubPinter.....
Other API PHP Plugins Web


Check for broken links in yout website with jQuery.Status.js is a full client side tool, but still it makes a lot of requests to the server to crawl the entire website. So please, do not DDoS me!Status.js will scan the website it&.....
Ajax Plugins Web


Today we’re going to be creating a file uploader using HTML5 drag and drop, along with the file reader API and some PHP. We’ll also be using local storage to remember which files were uploaded by the user. .....
Drag_Drop HTML5 Web


After spending couple of hours searching for floating share box plugin for WordPress, I  finally decided not to use plugins. Those plugins were not good enough to produce what I thought of  like menus on Mashable or Hongkiat. Th.....
Web


I wanted to create with only use of CSS3 the boot, the login page and finally the desktop of the Mac OS X Lion.Booting page is simply the Mac OS X Lion boot. This section is simply composed by a CSS3 keyframes animation.Login sect.....
Animation CSS Menus Popup Window Web


app-UI is a collection of user interface components that may be helpful to web and mobile developers for creating interactive applications using HTML and jQuery, especially those targeting mobile devices. app-UI is a continual wor.....
jQuery Mobile Web


MetroPanel is new navigator system for modern sites with following featuresFeatures:Two Panel Position: left and rightUnlimited ItemsUnlimited backgroundAJAX + HTML5 smart load for SEOjQuery + CSS3 Animation EffectsAuto Show or Au.....
Ajax Animation CSS HTML5 Menus Premium Web


Gridster is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. .....
Drag_Drop Plugins Web


jQuery Mobile is a free, open-source, cross-platform, JavaScript library that you can use for developing mobile websites. This library lets you create pages that look and feel like the pages of a native mobile application.In this .....
jQuery Mobile Web


Screw, a word I re-coined from scroll + view, is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view. Screw can also be used to cre.....
Events Plugins Web


Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.The widget has been written as a simple and liberally licensed editor. It doesn̵.....
jQuery UI Plugins Web


Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery and CSS. Parallax scrolling is a 2.....
Animation CSS Web


Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces.We built Sidetap to be an easy-to-use implementation of the side navigation pattern popularized by apps like Sparrow and Fac.....
jQuery Mobile Web


BlocksIt.js is a jQuery plugin for creating dynamic grid layout like Pinterest. It allows join of 2 or more blocks into a big block element.How? Well, simply specific the number of columns you wish to have and BlocksIt.js will do .....
Plugins Web


This plugin looks for all images, and wrap it inside a container that come with a pinterest Pin it button. So, your visitor just have to hover above the image they want, and pin it straight away. It’s a simple plugin.As you .....
Plugins Web


Today I would like to share with you a brand new jQuery plugin, called jPreLoader. jPreLoadercan create a preloading screen for your website before all your images (including the images in CSS) are fully loaded. It will come in ha.....
Plugins Web


stickyMojo is a contained sticky sidebar plugin for jQuery. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE. .....
Plugins Web


This is an example of the Mac OS X dashboard featuring drag and drop icons, 3D flip apps with jQuery. Tranforms and transitions are used to achieve the best effects. Degrades for browsers that lack support.FeaturesDouble click to .....
Animation Menus Web


HTML5 local storage is like cookies on steroids; it’s incredibly simple to use and yet still so powerful. In this tutorial, I’ll show you how to create “sticky notes” functionality, that allows your users to take persisten.....
CSS HTML5 jSON Web


Zoom into html, text and images on a website using a magnifying glass. Works simply by duplicated the page content, enlarging and masking it using css and then using jQuery to move it around. .....
Web Zoom


Doubletake dynamically updates the src of your images based on the browser width. Start with a small, mobile-friendly image in your HTML. Doubletake will use a defined set of breakpoints to update image SRCs when necessary.I’.....
Plugins Responsive Web


It is a simple jquery plugin helping design more responsive and adaptive websites and web applications with almost no setup.It adds dynamic classes to the <body> depending on the operating system, browser and resolution.For.....
Plugins Responsive Web


sizeit.js is a JavaScript utility that detects the screen size and loads external css based on the settings you configure. Works kinda like media queries.In many cases, media queries do just fine, but not always. The reason I crea.....
Core Java Script Responsive


Effortlessly create single page web sites with this jQuery plugin.Pagify is a simple jQuery plugin that simply replaces the contents of a div with content from other html files.Features:Simple – include pagify.js, create a d.....
Plugins Web


There is a popular saying that a picture is worth a thousand words. Images are a great way of catching our attention instantly. But sometimes its necessary to tag or link specific parts of images to provide information. Popular so.....
CSS Web


By pulling in feed from the Yahoo API with jQuery, you can style your website according to the Weather! Find out how by following this step by step guide. We’ll start by creating four backgrounds for sun, rain, snow and cloudy, .....
Web


MiniTwitter – the Widget jQuery which puts Twitter and your tweets on your Website or your WordPress blog.Features :Put Twitter on your website and even more: the tweets from the folks you like, the lists and yourself.Show u.....
Plugins Web Wordpress


Using jQuery we can easily sort a list of html elements alphabetically. In the following tutorial I will give 2 examples – sorting an unordered list and sorting a table.Using jQuery we then append each item row to the unordered .....
Web


There are plenty of social networking websites today where you can find dynamic Ajax-based comments. This system is more usable because you don’t need to refresh the page every time you post something new. However setting up a w.....
Ajax Web


In this series we take a look at how to create a rating system with thumbs up and down. The ratings will be saved to the MySQL database using PHP PDO class. .....
PHP Web


Nicescroll (as nice scroll for browsers) is a jquery (since 1.5) plugin, for nice scrollbars with a very similar ios/mobile style. It supports DIVs, IFrames and document page (body) scrollbars. Compatible with Firefox 4+, Chrome 5.....
jQuery Mobile Plugins Web


jQTouch is a JavaScript plugin which works with either Zepto.js or jQuery, and comes with smooth animations, navigation, and themes for mobile WebKit browsers (as found in iOS, Android, BlackBerry, and WebOS).Features:Easy to inst.....
Ajax jQuery Mobile Plugins


With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple mobile image gallery using the amazing jQTouch jQuery plugin for m.....
CSS jQuery Mobile PHP


Dynamic Grid is a jQuery plugin for generating an animated, responsive and great looking grid for your content – be it images, news feed, text and what not.With the help of some sophisticated algorithms the script fills the grid.....
Animation Plugins Premium Responsive Web


Smart Cart is a flexible and feature rich jQuery plug-in for shopping cart. It makes the add-to-cart section of online shopping much easy and user friendly. It is compact in design, very easy to implement and only minimal HTML req.....
Ajax Plugins Web


jStorage is a simple wrapper plugin for Prototype, MooTools and jQuery to cache data (string, numbers, objects, even XML nodes) on browser side. Note that functions, DOM nodes, host objects and such can not be saved.jStorage was f.....
HTML5 jSON Other Libraries Plugins Web XML


Smart Wizard is a flexible jQuery plug-in for wizard like interface. It allows to group contents into sections and so it saves page space and also gives a neat and stylish interface for users. Using Smart Wizard 2.0 you can easily.....
Ajax Animation Menus Web


In this jQuery Mobile tutorial, we will create a nice demo app from scratch, to show some of the things that can be easily done using this powerful tool.We will create an application that will enable the user to choose a restauran.....
jQuery Mobile


IE Alert is a handy jQuery plugin that shows a well designed warning message to the visitor who’s trying to view your site with an older version of Internet Explorer browser, this warning message will convince your visit.....
Plugins Web


Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are available, more to come!.Responsive designs are cool! Not only do they allow you to reach .....
CSS Plugins Responsive Web


jQuery Stepy is a plugin based on FormToWizard that generates a customizable wizard. .....
Plugins Web


RingShare could be apllied to any html element and could be customized for your own needs. and works in all recent browsers: Firefox, Chrome, Opera, Safari and Internet Explorer 7,8,9 as well as Mobile Safari on iPhone/iPad.Featur.....
Plugins Premium Web


A fairly common web interface feature is the dynamic view switcher. On product pages or blog archives you’ll sometimes find buttons to change the layout from display lists to smaller grids. In this tutorial I’ve built a simple.....
CSS Web


Now you can preload your HTML 5 page with this nice plug in, passing data via JSON. You can customize it changing colors and style. It can preload video, audio, images and js .....
HTML5 jSON Plugins Web


One of the biggest trends in recent modern web design is use of parallax scrolling effects. In this tutorial I’m going to show you how you can create the effect on your own website, with a bit of imagination and a little help fr.....
Plugins Web


jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant .....
jQuery Mobile Plugins Responsive Web


Requires jQuery for basic shortcuts ($) and stuff.Requires Raphael for drawing.jQuery UI may be used to allow draggable nodes.The basic principles of a force directed layout controlling nodes are as free as the birds in the trees......
Core Java Script SVG Tutorial Web


Inline annotation for the web in pure Javascript.The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable.Annotator is a web annotation system. Loaded into a webpage, it p.....
Plugins Web


In this tutorial we will create sticky header that is initially on its original place above the content, but as soon we start scrolling down the long page, it sticks at the top of the page.When scrolling up the page, the sticky he.....
Menus Web


jSignature is a jQuery plugin which simplifies creation of a signature capture field in the browser window, allowing a user to draw a signature using mouse, pen, or finger.jSignature captures signature as vector outlines of the st.....
Plugins Web


pageguide.js is an interactive visual guide to elements on web pages using jQuery and css3.Instead of cluttering your interface with static help message, or explanatory text, add a pageguide and let your users learn about new feat.....
CSS Plugins Popup Window


Tipue Search is a jQuery site search engine. It includes advanced features such as word stemming but is designed to be easy to install.Tipue Search is very fast, as the processing is all at the client end. .....
Plugins Web


I whipped up a little Bacon Ipsum jQuery plugin that uses our API to generate some meaty goodness.  When you’re mocking up a design, now you can use this plugin in your HTML rather than static text. .....
Plugins Web


FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.It is beautifully designed with 3D like effect and well developed with varieties of customization options, the .....
HTML5 Plugins Popup Window Premium Slider


You must have noticed – a stylish editor.  He looks equally well in any interface on any website.  Are we wanting more, if the editor is already falling in love with his chosen interface? Inside you will find a clear, logi.....
Drag_Drop Other API Web


Socialite provides a very easy way to implement and activate a plethora of social sharing buttons — any time you wish. On document load, on article hover, on any event!If you’re selling your soul, you may as well do it asy.....
Plugins Web


Today we will be using the HTML5 geolocation API to present the user with a personalized weather forecast. Using jQuery, we will issue AJAX request to two of Yahoo’s popular APIs to obtain additional geographical information and.....
Ajax HTML5 Other API


elFinder is an open-source file manager for web, written in JavaScript using jQuery UI. Creation is inspired by simplicity and convenience of Finder program used in Mac OS X operating system.Features:All operations with files and .....
Drag_Drop HTML5 jQuery UI jSON Plugins Web


Today we want to share an experimental 3D layout with you. It’s inspired by the famous Flipboard app where a seamlessly “normal” page flips like a page in a book when swiped. We’ve tried to re-create that effect using CS.....
Responsive Web


Combine all of your favorite social networks profiles & feeds into slick slide out or static tabs. jQuery Social Media Tabs plugin can be added to ANY website – No need for PHP !.Each social network tab loaded using AJAX onl.....
Plugins Premium Web


HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true FullScreen like Flash. Thankfully, this is changing and native FullScreen support is coming to most browsers in.....
Video_Audio Web


Revolver is a jQuery plugin for creating full screen sliding websites. It can be integrated into any website template.FEATURES • Scroll bar support • Browser’s back and forward buttons support • Fix the scroll of exit page.....
Plugins Premium Web


firstImpression.js is a micro/nano-library (1 kb minified) that answers the simple question, “Has this user visited this site before?” The detection doesn’t require much logic, so the majority of the code is just a Plain Jav.....
Core Java Script Plugins Web


Lazy Load is a jQuery plugin to delay loading of images in long web pages. Images outside of viewport (visible part of web page) won’t be loaded before user scrolls to them. .....
Plugins Web


A little jQuery plugin paint app that allows you to draw an image using some basic tools providing ability to load and save the images drawn. This is based on HTML5 canvas and will require a browser with support for canvas to run......
HTML5 Plugins


$.store offers an extensible API to persistent data storage on the client side of things. While modern browsers support localStorage, older Internet Explorers offer userData. For even older browsers a window.name fallback is in pl.....
jSON Plugins Web


jQuery feature tour plugin.Joyride is an awesome jQuery plugin that lets you take users on a custom tour of your app.Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings.Joyride .....
Plugins Web


Parallax* scrolling lib with zero dependencies in just over 7k minified (3k gzipped). No JavaScript skills needed.Actually, skrollr is much more. It’s a full-fledged scrolling animation library. In fact, you can use it and s.....
Animation Plugins Web


Fixing These jQuery is an HTML5 presentation designed to familiarise developers with basic approaches to debugging jQuery and JavaScript code. It also introduces many of the common pitfalls most people encounter at some point on t.....
HTML5 Web


DragToShirt is a jQuery plugin that allows you to easily turn a web page into a t-shirt shop. It uses the Spreadshirt api, and allows your visitors to drag images from your site onto t-shirts to generate a product that they can th.....
Drag_Drop Plugins


Endless/infinite scrolling/pagination.If you don’t already know, endless scroll (or endless pagination, or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where ins.....
Plugins Web


The effect of  scroll fluid is already built, according to your user settings on some browsers.  It is manifested by a smooth scrolling of the webpage when you get off or ride through the mouse wheel, or the keys on your keybo.....
Animation Web


In this tutorial we try to recreate the intriguing scrolling effect. We’ll go for simplicity : 5 objects to animate and linear movement, no easing. The basis that opens the door for further elaboration.The idea is to encourage t.....
Animation Web


The jQuery Print Preview plugin is designed to provide visitors with a preview of the print version of a web site. Unlike traditional print previews this plugin brings in all content and print styles within a modal window. .....
Plugins Popup Window Web


jQuery MiniColors is a simple, compact color picker that complements a text or a hidden input control.The plugin adds a trigger next to the input which is customizable via CSS.  The included icon is a modified version of the UI c.....
Plugins Web


A simple but powerful jQuery plugin to add facebook like box style widget for twitter. Enough options are available to customize the twitter follow box widget to match your site design.It is very simple to add twitter follow box t.....
Plugins Web



Backstretch a simple jQuery plugin that allows you to add a dynamically-resized background image to any page.It will stretch any image to fit the page, and will automatically resize as the window size changes.Images are fetched af.....
Plugins Web


jQuery History allows you to easily track changes of the pages state by tracking URL Hashes. Supports changes triggered by bookmarks and back & forward buttons, as well as cross browser support.Tracks state changed within your.....
Ajax Plugins Web


HTML5 forms/Web Forms 2.0 widgets and constraint validation API.Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write .....
Forms HTML5 jSON Other API Plugins


Sweet Tooltip is a jQuery & CSS3-based tooltip, not merely a one-style tooltip but seven. This imageless tooltips are crafted using CSS power, linear-gradient, box-shadow, text-shadow, :after and :before selector, etc. I creat.....
Web


Mni HTML vCard is a free HTML jQuery vCard portfolio template.It is a single-page, mini websitethat is powered with JavaScript (jQuery) and focuses on quickly displaying information about a person.The template is completely static.....
PHP Slider Web


iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.Once the user hovers/clicks the pointers, the tooltip is displayed with its pre-defined content.There are sev.....
Drag_Drop Gallery jSON Plugins Slider Web


CSS3 column layout in any browser, uses jQuery.Simulate CSS3-style automatic columnization for the few browsers (IE) that don’t support it. It tries to follow CSS3 specification (http://www.w3.org/TR/css3-multicol/) closely......
Plugins Web


jQuery Fullsize is an attempt to get a new <IMG> attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. This.....
Plugins Popup Window Web


A javascript file that provides the ability to sort lists using drag and drop. Built on the jQuery framework. The CSS selector  of the element inside the list item to act as the drag handle. The default is the list item itself e......
Drag_Drop Plugins Web


Cytoscape Web is an open-source graph visualisation library for the web. It is written in JavaScript as a jQuery library.Cytoscape Web allows you to easily display graphs in your websites. Because Cytoscape Web allows the user to .....
Chart_Graph Plugins


A script for grabbing the dominant color or a representative color palette from an image. Uses javascript and canvas. .....
Plugins Web


In this tutorial, I’m gonna show you how to make an awesome jQuery animated website. .....
Animation Web


Biggerlink a jQuery plugin to make it really easy to enable the specified element/s to behave as a proxy for their first contained link.Uses additional css classes to provide the means for the specified element to visually reflect.....
Plugins Web


Wookmark is a free jQuery plugin for creating dynamic and multi column layouts.This jQuery plugin dynamically creates boxes with random heights, it detects the size of the window and automatically organizes the boxes into columns .....
Layout Plugins Responsive Web


Twitter Anywhere is a “one-script-include” solution from Twitter to bring the power of their communication platform to your website. We’ll be building a small jQuery script that utilizes Twitter Anywhere for your users. .....
Plugins Web


tQuery is a thin library on top of three.js It is an extension system for people to write plugins. To help them share their code and build on top of each other. It mimics jquery api, well know for its usuability. tQuery aims for &.....
Other API Web


A jQuery Plugin that makes it easy to display sliding notifications on your website or in your web application.It offers flexible positioning options, support for Ajax, CSS hooks, and more.Features:Fire the notification once the u.....
Ajax Plugins Web


jQuery Randomizer app is divided in three steps – in step one you provide a list of the contestants’ name and email, divided by a comma (each contestant on a separate line). In the second step, you provide a prize name and a .....
PHP Slider Web


The concept behind the sliding boxes and captions is pretty easy. Check out the demo below to see what’s going on. There is a div with a border and shadow which contains an image. On top of the image there is a div (the caption).....
Web


loupe is a lightweight (~1k minified) onhover image magnifier for jQuery.The selector should reference links containing thumbnail images, or images shrunk by the browser. the settings (width, etc.) are optional. .....
Plugins Web


Sticky Sidebar jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either th.....
Plugins Web


In the tutorial today you will learn how you can use jQuery to get the distance of the mouse from a certain element on the page. This bit of code can be useful on a small web app which has a lot of user interaction and you want an.....
Web


Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web . This release focuses on Live Tiles, the Application Bar and Theming. It’s early in the development phase, but all features s.....
Plugins Slider Web


In this tutorial, we will be creating a jQuery script that retrieve twitter tweets from user account. It’s quick and easy, come with link, hash tag, alias parser as well as time posted (calculated relatively). Most important.....
Other API Web


jQuery ProQuo is a quick way to encourage your readers to spread your content through twitter. Simply define the regions in your markup that you would like to make “tweetable” and ProQuo will handle the rest.This jQuery plugin.....
Plugins Web


jQuery Raty is a plugin that generates a customizable star rating. .....
Plugins Web


PushUp Content Bar is a smart and quick Sliding Content Bar jQuery Plugin that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushU.....
Plugins Web


jsLink is a awasome jquery link checker.  This is a broken links checker jQuery plugin, that can be easily plugin with in any web page.You have a web site with lots of web pages, each web page contains many images and links to ot.....
Plugins Web


Chico UI is an open source and free set of user interface components to ease developing with jQuery.The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.There is.....
Calendar Carousel CSS Forms jQuery UI Menus Popup Window Tabs Web


Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size chang.....
Plugins Web


A cool bubble point tooltips with CSS3 & jQuery. .....
CSS Web


I started to make a CSS3 calendar with some jQuery animation while I was working on this project. In this article I will explain, step by step, how to use the calendar. .....
Calendar CSS Plugins Web


One thing I have always detested about iframes is they are not aware of the dimensions of their content. Setting the width of an iframe is trivial, because you generally know how wide its contents will be. The pain point often com.....
Web


Create, from the Midgard Project, is a comprehensive web editing interface for Content Management Systems. It is designed to provide a modern, fully browser-based HTML5 environment for managing content. Create can be adapted to wo.....
HTML5 Web


Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. This allows a background image or anything else to scroll at a different pace than the web page when a user scrolls around. .....
Animation Plugins Web


Page Scroller is a powerful JavaScript based smooth scrolling navigation system that utilizes the robust jQuery library. Created entirely with ease of use in mind, the plugin will work on any website. .....
Plugins Web


The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc.This tool is also used to inc.....
Plugins Web


Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that Timeline supports). .....
Chart_Graph Core Java Script


Centratissimo is a web template with smooth scrolling features between the pages and auto-resize capabilities relative to the actual screen-size, so that its results always perfectly centered. Centratissimo has been tested and w.....
Popup Window Web


maphilight applies to images with a ‘usemap’ attribute, and outlines the areas defined in their map on mouseover.It provides a single jQuery function: $('.foo').maphilight()This would hilight every image with a map on .....
Plugins Web


jQuery ScrollPagination plugin has been developed by Anderson Ferminiano for studying purposes, you may use it for free in any project you want, only preserve the credits. .....
Plugins Web


jQuery PageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or “throwing”) content aside to reve.....
Plugins Web


This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate in.....
Plugins Web


I’ve been working with the Magento eCommerce solution a lot lately and I’ve taken a liking to a technique they use with the top bar within their administrative control panel. When the user scrolls below a specified thr.....
Popup Window Web


This plugin can display the tooltip in any position wanted, plays nicely with image maps and they can be set to follow any element (handy for drag ‘n’ dropped and animated items) or mouse.Tooltips can be styled complet.....
Ajax Drag_Drop Plugins Popup Window Web


The name says it all, this jQuery plugin allows you to display the Facebook Wall of an user, a page or an app on your own website. The design of the wall derives from the Facebook look’n’feel and can be customized easily.....
Plugins Web


jQuery Treeview is a lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.Provides.....
Plugins Web


A jQuery plugin for defining a custom path that the browser follows when scrolling.The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas o.....
Plugins Web


pjax loads html from your server into the current page without a full page load. It’s ajax with real permalinks, page titles, and a working back button that fully degrades.Whenever the time changes, a full page load has happ.....
Ajax Web


Do you want a 9 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Yeah! Do you also want the possibility to add, edit and remove items by dead simple templat.....
Core Java Script Tables Web


Scrolldeck a jQuery plugin for making scrolling presentation deck.After linking all the required scripts (jQuery, Scrollorama, scrollTo, easing & scrolldeck), create the slide deck on document ready event.Add animations to sli.....
Animation Plugins Slider Web


Turn js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5. Being inspired by the effect of iBooks and Maps for iOS, I created two classes: one for manipulating the overal.....
HTML5 Plugins Web


Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup.Bear CSS was created using a combination of HTML5/CSS, jQuery and PHP, with .....
CSS HTML5 PHP Web


Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and ser.....
HTML5 Plugins Responsive Web


Lionbars is a free jQuery OSX style scrollbars.It is Lightweight, cross-browser, cross-platform. .....
Plugins Web


Another great animation effect for jQuery lovers, you can see how the landscapes moves.Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to han.....
Animation Gallery Plugins Video_Audio Web


I’m going to discuss about Jquery usage. Facebook timeline design makes big revolution in social networking world and it gives new feel to the user profile pages. In this post I want to explain how simple I had implemented t.....
Web


liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker. .....
Plugins Web


Having released an intial version of my jQuery webTicker and after getting so much success and downloads I have decided to upgrade the ticker and fix some bugs. .....
Plugins Web


In this tutorial we will create a website that is able to cache its own content, including markup, stylesheets and javascripts, as a user browse it. To dynamically restore cached files we use a offline manifest and the local stora.....
HTML5 Web


Image panning with animation easing that works on mouse movement with some css and jquery. .....
Gallery Web


FeedEk is an RSS/ATOM Feed Reader/Importer/Parser that is written with jQuery. You can obtain feeds easily from any domain. .....
Plugins Web


The jQuery webcam plugin is a transparent layer to communicate with a camera directly in JavaScript.This plugin provides three different modes to access a webcam through a small API directly with JavaScript – or more precise.....
Plugins Video_Audio Web


This one is a jQuery color picker plugin that can be used to add a color picker into any webpage. The color picker is related to an existing element, for instance a text field, and updates the value of the element when a color is .....
Plugins Web


Kwicks for jQuery started off as a port of the insatiably attractive Mootools effect (of the same name), but has evolved into a highly customizable and versatile widget. Please check out the examples to see it in action. .....
Animation Menus Plugins Web


JavaScript desktop environment built with jQuery + HTML5. .....
HTML5 Popup Window Tables Web


An easy to use and useful jQuery plugin helps create create a customizable website layout using drag and drop with features like saving preference using cookies.The plugins uses jQuery along with the jQuery UI Sortable plugin for .....
Ajax Drag_Drop Plugins Web


SpellChecker is a jQuery plugin used to check the spelling of a HTML element. The plugin comes with an example PHP script that supports two type of spell checking engines:PHP’s Pspell extension for aspellGoogle’s spell checkin.....
PHP Plugins Web


Today, I will be showing how to create a jQuery sticky sidebar script. Now, I’m sure many of you have a question: Why can’t I just use “position:fixed”? .....
CSS Web


KeyboardJS will allow you to bind to any key the browser can detect. It allows for setting up complex key combos or even single key binds with ease. It is aware of combo overlap and will not fire simpler combos or single key bindi.....
Core Java Script Web


Adapt.js is a lightweight JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it.....
Core Java Script Web


jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. jqDnR provides the all the basic elastic functionality most dialogs will need. Basic and simple and easy to use.Features:Drag + Drop Element P.....
Drag_Drop Plugins Web


jQuery-inlog allows you to easily debug your jQuery code. See exactly what you pass to functions, what they return and in which context (this-value) they were executed.No more alert($obj.length) to see if your selector worked.No m.....
Plugins Web


Scrollorama jQuery plugin for doing cool scrolly stuff like transitions,fade in, rotate in, fly in, zoom in, parallax .....
Animation Plugins Web


When building a coming soon or event page, you find yourself in search for a good way to display the remaining time. A countdown gives the feel of urgency, and combined with an email field will yield more signups for your newslett.....
Web


A jQuery plugin that adds random noise to the background of a given element. .....
Plugins Web


There’s no need to explain what a tooltip is and you already know that using tooltips can help you increase usability. Therefore, in this article we’ll concentrate just on the practical side.So, today you’ll learn how to cre.....
Animation CSS Web


In this experiment I would like to show you how to create a custom preloader animation effect with jQuery. .....
Animation CSS Web


Imagine there’s a 4-lane highway between your web browser and the internet itself. This highway is optimize to let pictures, text, and css fly by. But, when it comes to external scripts, the highway creates a toll booth that.....
Core Java Script Web


TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children. .....
Forms Plugins Tables Web


Earlier this year we were asked to create a website for a Swiss TV documentary about the famous “Langstrasse” in Zurich and its inhabitants. We came up with the idea of giving the user the ability to move through the street a.....
Web


I created some web widgets for the London’s Design Museum and learned a few useful things in the process. Although all the necessary information can be found on the web, I couldn’t find a really comprehensive guide about doing.....
Ajax jSON Web


Sometimes, a nice and sharp design is ruined by the addition of a scroller. By default, the OS styles the scroller and that (arguably) makes it look ugly. For this tutorial, I’ll be using a nice little script called fleXcroll an.....
Ajax Plugins Web


If you have used Google Reader, then you might have noticed the way Google Reader shows feed items, it loads up few items first when you click on a feed and as you scroll down to view more items, it fetches more items dynamically .....
Ajax Web


ColorPicker is an advanced and highly customizable JavaScript color picker that doesn’t rely on any JS frameworks. It can display the entire color palette (~16.78 mil. colors) in 6 different color modes. .....
Core Java Script Web


A JavaScript based console I/O system built for module extensions. .....
Plugins Web


I started to work on WordPress theme for blog and I got an idea that every post should have their own background color and that maybe those colors can be in gradient. Since that that’s very boring to do manually, I’ve decide t.....
Plugins Web


I wrote a post a while back on coding an iPhone style switch using jQuery. I’ve now put together a simple tutorial demonstrating how simple it is to build a switch that triggers two radio buttons in a field set. It also degrades.....
Forms Web


In this article i would like to explain the integration of slideroutBox at the Bottom of your webpages using HTML and Jquery.I am already using Third party Plugin for my blog for this feature.This plugin is provided by simple Reac.....
Gallery Popup Window Web


IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must .....
Plugins Web


nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .content. The other scrollbar div elements .pane > .slider ar.....
Plugins Web


Zebra Datepicker is a small, compact and highly configurable date picker plugin for jQuery and it is built using the fabulous jQuery Plugin Boilerplate. It is cross-browser – works in every major browser; also, it works in Inter.....
Calendar Plugins Web


Poshy Tip supports using a function for returning the tooltip content and the script also passes an update callback function as an argument to this function. By using this callback, you can easily update asynchronously the content.....
Plugins Web


A new jQuery social bookmarking plugin with customisable options and share counter. .....
Plugins Web


Phono is a simple jQuery plugin and JavaScript library that turns any web browser into a phone; capable of making phone calls and sending instant messages. You can even connect to SIP clients; all with a simple unified API. .....
Plugins Web


This plugin is used to fix elements on the page (top, bottom, anywhere); however, it still allows the element to continue to move left or right with the horizontal scroll.Given an option marginTop, the element will stop moving ver.....
Plugins Web


ExColor is a jQuery plugin for enabling users to select colors from a Photoshop-like color picker. It is attached to input fields and can be activated by simply calling a single-line function. .....
Plugins Web


CodeExplorer is an online code explorer that displays code as an entire folder structure. This plugin allows for different themes, multiple instances, fullscreen mode, github connections, and much more. .....
Plugins Popup Window Web


deck.js is a tool for making modern HTML presentations. Slides are basic HTML. The deck.core module keeps track of slide states and deck states, leaving CSS to define what each state looks like and how to transition between them. .....
Plugins Slider Web


jQWidgets gives us something new and special. It’s a new and unique library for jQuery UI development and unlike others it makes our Apps and Websites look beautiful on desktops, touch devices and mobile phones. jQWidgets is the.....
CSS Forms HTML5 jQuery UI Menus Plugins Popup Window Slider Tabs Web


Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. Its functionality is similar to the text entry when filling in the recip.....
jSON Plugins Web


Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also a.....
Animation Calendar Web XML


Style switchers have become a popular feature on websites these days. CSS style sheets allow a Web Designer to change the look and feel of a website with little effort. Some sites use “Day” and “Night” type of style switch.....
CSS PHP Web


An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user inte.....
Forms Plugins Web


If you’re working on a travel, news or other locally-oriented site, adding a display of the current weather conditions in the local area is the perfect touch. In the past, this was a relatively difficult task, involving serv.....
Ajax jSON Other API Plugins Web


Applying a :hover pseudo-class to an element is widely known as the classic “hovering” over an element on a web page. A problem that arose with the introduction of the border-radius property is the non-realistic triggering of .....
Animation Gallery Web


FeedFetcher is a jQuery plugin that aggregates and embeds feed(s) from Facebook users, applications, and fan pages as well as tweets from given users and/or mentioning given users.It has convenience features including a post-fetch.....
Other API Plugins Web


Inspired by the great idea of David Walsh’s jQuery topLink Plugin, I made a similar plugin but with two key differences, this one does not require you to add extra html markup or extra plugins to function. It will only work when.....
Animation Plugins Web


I’m currently working with Silverlight and implemented unlimited scroll. This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page,.....
jSON Other API Web


A jQuery plugin that sets a div to allow sharing of your page on various bookmarking sites. .....
Plugins Web


This little jQuery plugin which does exactly what it says on the tin – creates a page peel! This is a little page animation which sits at the top right hand of the screen and when the mouse hovers it the page “peels” down an.....
Animation Plugins Web


Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar.....
Plugins Popup Window Web


I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customi.....
Ajax CSS PHP Web


jQuery Lifestream is a plugin that allows you to create a stream of your online activity. It supports a multitude of services.It currently supports the following feeds: Bitbucket, Bitly, Blogger, Digg, Dailymotion, Delicious, Devi.....
Other API Plugins Web


In the past, the tag clouds was used on many website, but nowaday, it’s hard to find a website which using tags cloud. In my opinion, it’s caused by the display of tags cloud. We feel boring with its banality. So why we dont m.....
CSS Plugins Web


In-Field Labels is a simple jQuery plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving b.....
Forms Plugins Web


jQuery AJAX based, easy to implement, easy to tweak,Based on ajax, this small widget allows to integrate many many bookmarks for every post on your blog, website etc.By clicking the mooSocialize button, a window will appear, which.....
Ajax Plugins Web


jqPagination is a jQuery plugin that provides a newer method of pagination for your web site or application. Instead of displaying a list of page numbers like traditional pagination methods jqPagination uses an interactive ‘.....
Plugins Web


ALAJAX is a jQuery plugin that converts a normal HTML form into Ajax by only including the script. It sends the form by AJAX to the URL given in “action” property of the form. Also, the plugin uses the “method.....
Ajax Forms Plugins Web


Now you can preload your HTML 5 page with this nice plug in, passing data via JSON. You can customize it changing colors and style. It can preload video, audio, images and js .....
Animation HTML5 Plugins Web


In today’s tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server s.....
Ajax Forms jSON PHP Web


BI Grid is designed to present your data, especially in the reports for enterprises.The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Othe.....
Ajax jSON Tables Web XML


This plugin allows html tables to be scrollable horizontally and vertically while headers are still visible and in tack with the columns. This plugin can be used in two modes:With column select – Columns to view can be selected......
Tables Web


jTicker takes an elements’ children and displays them one by one, in sequence, writing their text ‘ticker tape’ style. It is smart enough to ticker text from an element heirarchy, inserting elements back into the.....
Animation Plugins Web


Built with HTML, CSS & JavaScript, The Heads-Up Grid is a responsive overlay grid for in-browser website development. It has been created to make it relatively easy to adapt to the needs of responsive web design. You can quick.....
Plugins Responsive Web


The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu. .....
Menus Responsive Web


Imagine you’re filling a complex form on a site, or typing an extensive comment, and just when you’re almost finished the browser the crashes, or you accidentally closed a tab, or something else break your efforts, you.....
Plugins Web


Add more excitement to data tables using jQuery and conditional formatting to generate flexible data “heat maps”. Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attentio.....
Tables Web


In this tutorial, I will show you how to create an interesting jQuery-powered one-page site. One page sites are usually a great way to show your prospective clients how good you are at what you do. This one is no exception. .....
Animation CSS Menus Web


In today’s tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. The idea is to avoid that the user has to scroll the content .....
Accordion CSS Menus Web


Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Facebook is an example for such a behavior. Today we want to show you ho.....
Animation Plugins Web


Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs expose.....
Ajax CSS Drag_Drop Other API PHP Web XML


I’ve been working on a generalized solution for long in order to combine the variety of needs that are imposed on such a navigation to finally put an end to blocks of code that are copied from one project to another with the.....
Ajax Plugins Web


Are you looking for Google plus style drag and drop adding friends in groups or circle. Google plus circle implementation so cool, same way I have tried similar user groups adding application with drag and drop effect using jquery.....
Ajax Animation Drag_Drop PHP Web


In this tutorial you will learn how you can create your own simple To-Do list using CSS and JQuery.First you will design the To-Do list, this is going to be a simple form where you can quickly add your tasks for the day.Then we w.....
Animation CSS Web


List Reorder is a jQuery plugin that allows you to reorder any simple ordered or unordered list. List Reorder is easy to use and does not require any additional markup. Its look and feel is completely customizable using a set of C.....
CSS Plugins Web


jQuery Highlighter neatly highlights the web page elements and helps you to direct your readers to the places you want them to look.This jQuery plugin is handy for products showcases, guided tours, portfolios and helpful for .....
Gallery Menus Plugins


jPList is a jQuery plugin for sorting, paging and filtering any content, such as DIVs, lists and tables.Works with any content (tables, lists, div elements)Seo friendlyPagingFilteringAscending or descending sortingAlphabetic.....
Plugins Tables Web


Browser based pin pad that protects the page from access until the correct code is put in. Uses jquery, colorbox, grumble to achieve all the effects.When the page is loaded it is covered up by a pinpad. Putting in the right pin wi.....
Forms Plugins Web


Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript, and you’re away!It w.....
Plugins Popup Window Web


In this tutorial we are going to create a simple profile overview page containing 4 profile images and names. When we hover over the image or name a more detailed profile will appear. This div is positioned before the image and .....
Popup Window Web


Continuing with the tutorials about AJAX and jQuery we will create a stunning and dynamic shoutbox based in PHP and AJAX (using jQuery).We will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will.....
Ajax PHP Web


This class implements multiline html truncation, expand-collapse links, and wordwrap / hyphenation through JavaScript using the jQuery library. It follows a binary tree split algorithm along DOM textnodes & html nodes. On page.....
Plugins Web


Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid......
Carousel Gallery Plugins Responsive Web


FitVids.JS is a lightweight, easy-to-use jQuery plugin for embedding fluid width videos.This jQuery video plugin is easily configurable, simply include jQuery and FitVids.js in your layout and target your videos container with.....
Plugins Web


The navigation at apple mac page are using an easing effect, it separating each product by the category, I love the effect when user click on the navigation it like the products appear and disappear one by one, with the easing eff.....
CSS Menus Plugins Slider Web


Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin. .....
Accordion Plugins Web


TransformJS is a jQuery plugin which exposes new CSS properties accessible through .css() and .animate() which you can use to apply and manage transformations to a jQuery element.TransformJS uses feature detection to analyze the.....
Animation CSS Plugins Web


Jquery selected text sharer is a promoting and enhancing plugin focusing to increase the site usage. This plugin displays a widget having links to search / share, above the selected text. Inspired from NY times website. .....
Plugins Web


Diapo slideshow is an open source project.Diapo slideshow is tested on new browsers, but I tried to make it compatible with the old versions of Internet Explorer too (8 and 7). But I don’t think I will spend many hours to im.....
Gallery Plugins Slider Web


Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips.The entire skin of.....
CSS HTML5 Plugins Popup Window Web


Amazing fast jQuery search with Ajax and jSON .....
Ajax jSON Plugins Web


In responsive design, we are creating responsive experiences, meaning that all design components need to be able to adapt to the environment in which they are displayed and have to interact with. This is why we create tables, navi.....
Plugins Responsive Slider Web


I have designed the functionality to look and feel like a private messaging solution. This is perfect to implement on a user profile page or author’s page in a blog. We will be using some handy CSS3 techniques along with coding .....
CSS HTML5 Menus Popup Window Web


A jQuery plugin to add notification bubbles and a notification list to any menu. .....
Menus Plugins Web


jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.There are lot of file tree plugins available in marke.....
Ajax Slider Web


jLinkPreview is a plug-in for jQuery Library which simply allows you to see link’s preview image before you visit them by just hovering on it. Link Preview will appear by your cursor when you hover. .....
Plugins Web


A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML. .....
Animation Plugins SVG Tutorial Web


Great looking jQuery CSS3 notifications in a lightweight script with an easy to use api. Perfect for your next web app .....
Animation Plugins Web


magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms. .....
Forms Plugins Web


A simple jQuery Plugin, used to scan through your website and automaticly attach focus,blur and keydown effect on your form fields. By using FormHighlighter plugin you will be able to control all your form fields from one place. .....
Forms Plugins Web


In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do mu.....
CSS Gallery HTML5 Menus Plugins Web


jPaginator aims to improve the user experience of long pagination lists by offering a slider to animate links left and right. In this tutorial, it teach you how to skin jPaginator into something beautiful. .....
CSS Plugins Web


SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accompl.....
Ajax jSON PHP Plugins Popup Window Tables Web


If you have a twitter account, you oftentimes find yourself looking for a way to display your latest tweets on your website or blog. This is pretty much a solved problem. There are jQuery plugins, PHP classes andtutorials that sh.....
CSS Other API PHP Plugins Web


Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show .....
Gallery Popup Window Responsive Slider Web


I was searching about checking domain names availablity using Ajax and PHP. I found some solution and I thought to create a post on my blog so that any one can get this simple script easily. I used jQuery and CSS3 to put some .....
Ajax PHP Web


Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thu.....
Gallery Plugins Slider Web


jQuery.fracs, an impressive jQuery plugin, lets us detect the part of an HTML element that is currently in the viewport, the fraction it takes of the complete viewport and the rest that may be visible.Also, it can get the coordi.....
Plugins Web


A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text. FX queues for animat.....
Plugins Web


We are creating a photo shoot effect with our just-released PhotoShoot jQuery plug-in. With it you can convert a regular div on the page into a photo shooting stage simulating a camera-like feel. Using this plug-in, we give visito.....
CSS Web


jQuery EasyUI framework help you build your web page easily.easyui is a collection of user-interface plugin based on jQuery.using easyui you don’t need to write many javascript code, you usually defines user-interface by wri.....
Chart_Graph CSS Forms jQuery UI Menus Plugins Slider Tabs Web


Path selector is a breadcrumb bar jquery plugin for selection of hierarchic options (similar to address bar of the windows explorer in Vista and Windows 7). .....
Plugins Web


Are you a GitHub fan? We all know that GitHub is the perfect place to store repositories of open source code. GitHub seems to understand that most repo sites are usually boring so they’ve spiced their site up with some catchy CS.....
CSS Menus Web


YouTube Playlist Plugin allows you to turn an unordered list of YouTube links into a playlist. YouTubePlaylist will automatically embed YouTube video into your page and convert your list into a nice playlist. .....
Plugins Web


AnythingZoomer is a jQuery plugin that allows you to zoom anything on your webpage:  images, text, etc. .....
Plugins Web Zoom


These scrollbars are fully theme able allowing their behavior to be determined as well as their look. This script uses the ‘jquery.corner’ plugin for the lovely cross-browser rounded corners and ‘jquery.drag’ for more r.....
Web


SundayMorning is a jQuery plugin which allows you to offer your visitors an easy way to translate your page content in more than 30 languages. You can use SundayMorning to easily provide inline translation with menu, word translat.....
Plugins Web


Today i will show you how to create a jquery dropdown menu with google style, it also can be use as a “fixed” menu.The most important thing on this menus is the css file , we are going to use jquery just to make appear o disa.....
CSS Menus Web


jScrollPane is a jQuery plugin which provides you with custom scrollbars which work consistently across all modern browsers. You can style the scrollbars using simple CSS and they degrade gracefully where JavaScript is disabled......
Plugins Web


This plugin creates vertical mega menus from standard HTML nested lists, allowing users to view all available menu options for each top-level menu item.There are several plugin options available for customising the mega menu:Cho.....
CSS Menus Plugins Web


The jquery drill down menu plugin takes standard nested lists and turns them into iPod style drill down menus.Drill down menus offer an excellent way of managing and organising large, complicated menus in a small, vertical, compa.....
CSS Menus Plugins Web


Today post, let’s playing a little code with JQuery and JQuery RadMenu Plugin, cause lately I’ve been thinking about creating circular image gallery my self, and my search stop here for a moment when finding this cool plugi.....
Gallery Menus Plugins Web


Boxjs gives you the flexibility of a modular loading system whilst providing the speed of a single, compressed JS file Read More.....
Plugins Web


Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you fo.....
Plugins Web


An HTML5 canvas-based plugin which replaces <a href="..."> links with a 3D rotating cloud of tags.Tested in FireFox, Chrome, Opera, Safari. Also tested in IE8, where it obviously doesn’t work except in conjunction wit.....
Animation HTML5 Plugins Web


Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player. .....
Carousel Gallery Plugins Slider Video_Audio Web


I’m writing a detail tutorial on how to create an animated scroll to top as seen on Web Designer Wall. It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater tha.....
Animation Web


leanModal is a lightweight jQuery plugin for displaying modal boxes with minimum effort.The width and height of the modal box is flexible and adjusts itself according to the content.Multiple instances can be used on the same page .....
Plugins Popup Window Web


Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu wil.....
Animation CSS Gallery Menus Web


Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large ima.....
Gallery Plugins Web Zoom


This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.Features:Define one or more locations.Choose to include bac.....
Other API Plugins Web


Image cropping is the most important and required part in social media projects. In this post my friend had implemented image cropping functionalities such as upload image file into physical location, cropping image using jquery .....
Ajax PHP Web


Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation. .....
Ajax Events Web


Found a tutorial about image loading using Jquery written by Remy Sharp while trying to create the same function for company i am working at. Remy has publish the core script and here i will modify it to make it work for multi.....
Other API Plugins Web


In this guide you will lern how to make a box that shows a preview of the description on mouseover. .....
Web


The idea of this plugin is very simple: you click on the text size you want, and a class is added to the body to indicate which size the user has selected. Then, it will take advantage of that body class when you are writing yo.....
CSS Plugins Web


VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries. Specify the facets for completion, along with the completable values for any facet. You can retrieve the search qu.....
Plugins Web


This code checks/unchecks all checkboxes within the same fieldset. Simple and semantic. .....
Web


Most of major browsers support text-shadow, yes, you guessed it, IE doesn’t. This handy jQuery plugin helps you get around that. A handy little thing of Internet Explorer is that it gives you access to CSS declarations it.....
Web


Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to .....
Ajax Plugins Web


HTML5 introduces the audio element which offers a way to play audio natively in the browser. However the native controls are a little lacking in style. Thankfully HTML5 also brings Media Element API to interact with which allows.....
HTML5 Other API Video_Audio Web


A self-contained jQuery plugin that enables element and fullscreen overlays, with optional static and dynamic modal content – that virtually eliminates the need for additional html or css code. .....
Web


jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted ve.....
Carousel Gallery Plugins Slider Web


A plugin to switch content visibility based on the selected option of a select. Use the full power of jQuery to define your affected elements. .....
Web


This jQuery plugin is an on-demand plugin loader, also known as a lazy loader. Instead of downloading all jQuery-plugins, that you might or might not need, Lazy downloads the plugins when you actually use them. The major differ.....
Plugins Web


The jQuery sIFR plugin is an addon for jQuery that makes it easy to replace text in a web page with flash text (sIFR) using the internal jQuery API. Read More.....
Plugins Web


JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want. .....
Gallery Plugins Web Zoom


MopSlider is the slider box can contain any item that is set height and width. From 2.2, MopSlider can be put 2 in the page. A CSS file isn’t necessary. .....
Gallery Plugins Slider Web


Taking inspiration from the BBC News website ticker, jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery. .....
Plugins Web


This plugin implement a version of select multiple (select with multiple=”multiple”) with 2 sides and buttons for move option between the 2 selects. .....
Forms Plugins Web


Dynatree is a jQuery plugin that allows to dynamically create html tree view controls using JavaScript. Main featuresOptimized for large dynamic trees (DOM elements are only created when really needed).Programmable through a ric.....
Drag_Drop Forms Plugins Web


This jQuery plugin, developed in the iHwy Labs, allows you to easily convert a long, hard to navigate list into a compact, easily skimmable ‘first-letter’ based menuing system, allowing quick and ‘out-of the-wa.....
CSS Menus Plugins Web


This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking.....
Menus Plugins Web


Hi there! Today we’re going to do a code that:1. Gets photo albums and photos of a facebook fan page (using Facebook PHP SDK and FQL). 2. Display these photos to a webpage (assuming it is your website.). 3. Use jQuery Li.....
Gallery Other API Web


Using Flux Slider jQuery plugin Today I will make review (example of implementation) of fresh and cool slider plugin – Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, con.....
Animation CSS Gallery Plugins Slider Web


This plugin cost $9 and will allow you to easily configure all effects and speed, pause on hover, autoplay and autorestart, collapseable captions and more. Three accordion styles are included. Create your own with some HTML  &.....
Accordion CSS Gallery Menus Plugins Web


Last few days I have been working with HTML5 elements, it’s very interesting. This post explains you how to get geo location latitude and longitude values using Jquery. I found a geocode location script from html5demos.com an.....
HTML5 Other API Web


I was tasked with replacing several dozen Photoshop-generated rounded buttons for a larger site with an HTML/CSS/JS equivalent. Prior, any time anyone wanted to change text on a button (and it seemed to happen often), a graphic.....
CSS Menus Web


This is a simple plugin which make the textarea to grow automatically as the user types in the textarea. This also makes the textarea to be resizable (as in drupal textarea) .....
Plugins Web


In the project I was working on recently I had a chance to experiment with CSS3 and jQuery. You know CSS3, right? It’s that thing that makes all those beautiful and amazing things on the web and makes Flash want to run away a.....
CSS Menus Web


Tables have a bit of a bad reputation in the web world but there are a lot of times where using a table makes sense according to the data being presented. One of the most common approaches to tabular data is having a column on .....
Tables Web


This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON. .....
Ajax jSON PHP Web


There are various url shortener services on the Internet, you can use free services such as bit.ly, tinyURL or create your own url shortener using some open sources. In this article, I’ll show you how to create a simple p.....
Ajax HTML5 Web


The jLayout jQuery plugin provides four layout algorithms for laying out HTML elements in web pages.The plugin allows you to lay out your elements with as little code as possible, and behaves correctly when .....
Other API Plugins Web


I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo. .....
Animation Tabs Web


jQuery E-Help is plugin for procedural(“How to …”) web user interface help and it’s easy to integrate into any web interface that supports jQuery. Useful for all web applications, CMS and E-commerce systems. .....
Animation Plugins Web


WowWindow is an alternative to Lightbox, for jQuery, that is much more fun and powerful. This modal window script uses CSS3 transformations to display the window, but will acceptably degrade to a workable window for browsers t.....
Animation Gallery Plugins Popup Window Web


Aero window creates pop-up window in the Aero style, reminiscent of the style of Window7. The popup window offers the usual options and full functionality similar to Windows windows. .....
Plugins Popup Window Web


Today we’re going to use Nathan Searles’ jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “co.....
CSS Gallery Slider Web


Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like “above the fold” it is ever so important to provide eye-catching and functional user interfaces.I.....
CSS Gallery PHP Slider Web


More jQuery animation! This one puts a fading set of banners on your page. It uses simple XML to tell the javascript what banners to pull in, and the URLs you want the banners to link to. This is ideal for linking to top featur.....
Gallery Web XML


jQuery’s data method gives us the ability to associate arbitrary data with DOM nodes and JavaScript objects. This makes our code more concise and clean. As of jQuery 1.4.3 we also have the ability to use the method on regular.....
Web


This plugin to allow us to have editable comboboxes (Select element). It allow to add/edit/remove elements from list. .....
Forms Web


This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script. I’ll show you my way of styling tag clouds although you may find similar (yet d.....
CSS Plugins Web


The Lingua Localization jQuery Plugin makes it fast and easy for developers to translate web user interfaces into other languages and handle many other localization-driven concerns. The high-level description is that it loads p.....
Plugins Web


Twitter is undoubtedly a hugely popular social network. One of the keys to its success is its simple and powerful API, which opens the doors to countless novel ways for you to use the service.One of these uses is allowing your v.....
Other API Plugins Web


I decided to create a new own JQuery plugin for pagination (for different content), which will be based not on the number of elements (childrens) per page, but will take care of the height of the content. And it will try to kee.....
CSS Plugins Web


FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. .....
CSS Plugins Responsive Web


User’s actual question was how they can extend their code to add functionality to scroll the page down to the areas as they expand. But in looking at code like this with a slightly more experienced eye, there are things th.....
Animation Web


In this post I want to explain how to change design colors like Twitter UI setting. I had posted the same long days back, but now added user control system to manage own template design. It’s useful feature for your web proje.....
CSS PHP Web


Today we will continue overviews of available photo galleries. Next gallery will SmartGallery. This light-weight gallery will allow us to have thumbnail navigation, auto image scaling, 12 transition effects (to current moment). .....
Animation CSS Gallery Plugins Slider Web


jQuery Superbox! Jquery is a plugin for creating modal windows easily be adapted (eg, lighter).It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to.....
Gallery Plugins Popup Window Slider Web


When building a web application, you oftentimes need to give users the ability to download a piece of data as a file. It could be a backup of configuration settings, reports, or other piece of information that is generated dyna.....
Forms PHP Plugins Web


Facebook wall script with expanding URLs one of the popular post on 9lessons. It is just collaboration of my previous jquery articles. Recent days I received lots of requests from my readers that asked to me how to display old .....
Ajax Other API PHP Plugins Web


Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows. .....
Gallery Plugins Slider Web


Tabs has become a common feature in web user interface, in this post I create an example creating a dynamic tab with JQuery. In JQuery UI there is already ready to use plugin to create tabbed content, but I did not find a way t.....
Tabs Web


Tooltipsy is a jQuery plugin that provides a flexible base for creating tooltips.Compared to other plugins, it comes with minimum default styles or animations but gives you the complete control over them. .....
Animation CSS Plugins Web


Today I will tell you about animations in web using jQuery. As we know – jQuery offer us several default methods of effects: fade(In/Out/To), hide, show, slide(Down/Toggle/Up), toggle. This is ok, but what if we need more? So.....
Animation Web


Great looking image gallery with autoplay, descriptions and more. .....
Animation Gallery Slider Web


Interesting plugin, some kind of navigation system between pages, plus give feeling what you walking through rooms of maze .....
Animation Menus Plugins Web


Works as vertical accordion and horizontal accordion. It can be auto slide. You can set a default panel.jQuery Accordion Features • Works as vertical accordion and horizontal accordion. • it can be auto slide. • You ca.....
Accordion Animation CSS Gallery Plugins Web


This pluging giving us few navigation modes for web applications. .....
Menus Plugins Web


This plugin is content slider and image slideshow. Where you can slide between slides using horizontal, vertical and fade transitions. Also you can have navigation controls, custom behavior (this plugin have very many options)......
Gallery Plugins Slider Web


Every wanted to display information from an excel document on a website? Ever wanted to do it asynchronously? Today is your lucky day. This article will show you how to load in an excel document using php, jquery and ajax. .....
Ajax PHP Web


Recently I have work on one project with interesting menu. In first look I thought it is ordinary menu but actually this menu was not so simple. When I finish it the result was nice looking menu so I decided to show all of you .....
CSS Menus Web


In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive E.....
CSS Gallery Slider Web


There are a lot tutorial about creating drag and drop shopping cart, in this post I want to share my version still with JQuery, but the different is this example only shows the code on the client side, which mean all of data ar.....
Animation CSS Drag_Drop Gallery Web


Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS. .....
Plugins Slider Web


flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.The main functionalities of this gallery are a) to pull in images dynamically from a Flickr photoset, b.....
Gallery Other API Plugins Slider Web


This post is very basic level CSS implementation. I want to explain how to design tab style login and registration panel with CSS, HTML and Jquery. Tab system help you to save page space, Just take a quick look at these four ste.....
CSS Tabs Web


Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows.The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with a.....
Carousel Gallery jSON Plugins Slider Web


The realtime updates in twitter saying “1 new Tweet” is a very catchy feature. So I am going to give a tutorial explaining “How to implement a realtime updates like Twitter using PHP/MySQL/Jquery”. .....
Ajax PHP Web


This is a jQuery plugin to slide through details of an image. It’s made for webcomics, but you can use it for presentation slides or other stuff too. You have to set the coordinates (x, y, width, height) for each detail.....
Gallery Plugins Web


jNavigate is a powerful jQuery plugin that enables you to build dynamic content areas with Ajax simply and quickly. Turn hyperlinks into triggers that load page content dynamically with a loading overlay and reduce the load on you.....
Ajax Plugins Web


This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closes.....
Plugins Web


This is a simple ajax tab plugin which give a effective output. It works with all major browsers including Mozilla, Google chrome, Microsoft IE, Apple Safari and Opera. .....
Ajax Plugins Tabs Web


The JQuery welcome box slides a div in the center of the screen. The background is disabled, so the use must first close the welcome box to continue to use your website. .....
Animation CSS Web


This is a JQuery plugin that enables developers to load JSON data from the server and load JSON object into the DOM. No templating language is required – this plugin matches DOM elements in the HTML page with a JSON objec.....
Ajax jSON Plugins Web


The Drop Down Panel menu adds a pull down panel when you hover a menu button. This script is made as JQuery plugin. It can be used from horizontal menus as well as for vertical menus. .....
CSS Menus Web


jsContext allows developers to easily add custom context menus and tooltips to their websites/apps. .....
CSS Menus Plugins Web


This post is a collaboration of my previous popular posts such as live table data edit, delete records with pagination using Jquery, Ajax and PHP. I had implemented this using Jquery .live() function and DOM event handler .stop.....
Ajax PHP Tables Web


Apprise is an alert alternative for jQuery that looks good. Apprise is a very simple, fast, attractive, and unobtrusive way to communicate with your users. Also, this gives you complete control over style, content, position, an.....
Plugins Web


Smart Paginator is a comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very customizable. Smart Paginator can also filter your data automatica.....
Plugins Web


funkyTooltips is a jQuery plugin that allows you to easily generate tooltips for your html links and images. .....
Plugins Web


AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal We.....
Ajax Plugins Web


This simple plugin helps you centralize your DOM element against their parent element or the window. You can also specify the top of the DOM element by passing customized settings. .....
CSS Plugins Web


Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom. .....
Animation CSS Gallery Plugins Web Zoom


Dynamic News is a jQuery news slider plugin that makes news integration to your web site very easy. Dynamic News plugin supports two ways to add news data.You can either enter your news via HTML markups manually or let Dynamic New.....
Other API Plugins Web


ytPlayer is a feature-rich, “Chromeless” YouTube player solution designed to help webmasters create a custom YouTube player.The ytPlayer offers a full array of script-ready options, methods, and functions to help you .....
Plugins Video_Audio Web


In this Tutorial quick tip, I’ll teach you how to add a bit of flair to your page, by displaying a set of elements sequentially. While there are numerous ways to accomplish this task, today, we’ll review one technique that .....
Web


Catch visitors’ attention with menu or other valuable content in animated floating box that follows uses scrolling. .....
CSS Menus Web


This plugin takes elements which have the attribute multiple set, and converts them into editable, inline lists. .....
Forms Plugins Web


jQuery-ahm is a tiny (~1kb) jQuery plugin which enables us to create Ajax requests with a smaller code piece.It is actually a wrapper around the popular $.ajax method and brings a different way of handling callbacks. .....
Ajax Plugins Web


Have you ever had to manually code something that is sequential? Didn’t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a.....
CSS Web


Many of you have probably already seen some of those CSS3 generators that have been poppin’ up? Have you perhaps been wondering how they’re made? Wonder no more, that’s what we’ll be creating today, using CSS3, HTML5 an.....
CSS HTML5 Web


If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that’s why I’m going to sh.....
CSS Web


Some time ago I was doing some proof of concept: how Visual Studio docking functionality can be done with jQuery and unordered lists. Basically, the main goal was to implement multiple docking and undocking functionality. This .....
CSS Menus Tabs Web


Enjoy simple dropdown menus with pop!, an unobtrusive javascript plugin for jquery. .....
CSS Menus Plugins Web


It’s nice to offer users an alternate way to get at your feeds, so typically you will see a feed icon lurking around a site somewhere. At times, you will see a list of two, three or more links to different feeds offered on a .....
Web


One of the great tools we have in our web development goodie-bag are tooltips. A tooltip is a box that appears when you hover your cursor over an element like a hyperlink. It provides supplementary information about that elemen.....
Animation Gallery Web


Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when clicking on next or previous. When clicking on an album, we will .....
Animation CSS Gallery Plugins Web


elRTE is an open-source WYSIWYG HTML-editor written in JavaScript using jQuery UI. It features rich text editing, options for changing its appearance, style and many more. You can use it in any commercial or non-commercial proj.....
Plugins Web


Today I’d like to present a new jQuery Plugin I wrote called Catch404. Through the magic of jQuery we’re going to catch 404 errors without your users even having to leave the page and then suggest some other options they’.....
CSS Plugins Web


jFlickrFeed is a jQuery plugin that makes it easy to pull Flickr feeds and display them on your site. .....
Other API Plugins Web


SimpleModal is a lightweight jQuery plugin that provides a simple interface for creating a modal dialog. The goal of SimpleModal is to provide developers with a cross-browser overlay and container that will be populated with da.....
Animation Plugins Web


Wijmo is a complete kit of over 30 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Complete with documentation and professional support, every widget is hand-crafted and inc.....
Animation Chart_Graph CSS jQuery UI Menus Plugins Slider Tabs Web


Pietimer injects a canvas element into the page which has an ever reducing pie shaped timer. .....
Animation Plugins Web


This jQuery plugin is an attempt to recreate Google’s imageless buttons and prove that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull .....
CSS Menus Plugins Web


“Like it? Tweet it!” is a jQuery-powered JavaScript widget that enables visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already.....
Other API Plugins Web


Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide show to attract viewers attention, of course, with caption/excerpt. No doubt about i.....
CSS Gallery Web


Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents. .....
Plugins Web


Quicktag is a tagging plugin for the jQuery JavaScript library. It allows the user the create and delete tags on the fly & comes with many options to choose from. .....
Web


This is JQuery based plugin which provides Android-like notification messages. .....
CSS Web


There are a lot of tooltip plugins out there, but not many of them explain what exactly goes on in the logic of a tooltip, this tutorial will explain it with detail. .....
CSS Plugins Web


jDigiClock is a jQuery plugin that has been inspired from the distinctive HTC Hero Clock Widget. For such a complex looking plugin it is surprisingly easy to install and offers a multitude of options that control the appearance.....
CSS Gallery Web


Today we continue jQuery lessons, and will talk about adding customizable player for audio or video files to our website. This new plugin (jPlayer) pretty well: allow us play media files, pause, change volume, it even have all.....
HTML5 Plugins Video_Audio


Creating right click with the help of jquery is real easy and can be implemented very quickly. While trying for my one of the project , I made one and sharing it today. .....
Web


Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline.Its interface has support for zooming in/out (mouse wheel can be used too) and panning where you can quickly navigate through the time.....
Animation Gallery Popup Window Slider Web Zoom


Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the mai.....
Animation CSS Menus Web


Creating custom functions with jQuery based on the scroll position of the page just got a whole lot easier. Today i stumbled through an interesting jQuery plugin that i am sure many of you guys will find useful. Waypoints is a .....
Animation Menus Plugins Web


This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table.The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter.....
Plugins Tables Web


This is a very short post and  simple idea to use JQuery animate function in voting system, I post this maybe it will useful for replacing voting system that using many images, the idea is just expanding the div element (css wi.....
Animation CSS Web


I have read several articles for this question, and most articles tell about ways where we need refresh page to apply another localization. Yes, this is possible of course, but not too user friendly. Just imagine that your websi.....
Web


Our application is very person centric, so we wanted an easy way to pop up a “tooltip” with more information about a person whenever you see a person’s name. For example, here are some search results. When yo.....
Ajax CSS Web


Often it’s an hard thing to interface a website with the many available social services, but recently there are some famous blogs, like Abduzeedo and Mashable, that are using a fixed toolbar on the bottom of the page with use.....
CSS Menus Web


jQuery colors picker has following benefits:The HSL color model is more intutive for humans than RGB (which was developed as a technical solution)The pickers are designed so there’s no need to really know anything about col.....
Web


jQSlickWrap is a plugin for jQuery which allows you to wrap content around irregularly shaped images, easily. Use float and padding CSS styles to specify how the wrapping will work. Written with Progressive Enhancement in mind. .....
Web


Here is a tutorial how to create astonishing iCal-like calendars with jQuery.. .....
Calendar CSS Gallery Web


Here is the complete animated shopping cart with php , Ajax  and jQuery. .....
Ajax Animation CSS PHP Web


In this tutorial you will create a jQuery plugin which uses YouTube’s chromeless player, and creates our own set of minimalistic controls. The supported controls include a Play, Pause and Replay button – and also a clickable p.....
Gallery Other API Video_Audio Web


“I ran into the feature table design and I was inspired to try and replicate it. First in Photoshop, then in HTML/CSS. Recreating cool stuff you find on the web is definitely an excise I recommend (a few days after, I read this .....
CSS Tables Web


Today we’re going to break the mold of the traditional tooltip. This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array. .....
CSS jSON Web


In this tutorial you will find out how a bouncebox notification plugin can be created with jQuery & CSS3. .....
CSS Plugins Web


In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls .....
CSS Plugins Web


Although many will argue that Microsoft products are an example of a good design, Minibar was one of design refreshments that came out with the Office 2007. It is a variation of a toolbar that exposes context-related functionality.....
CSS Forms Web


Other than the “Turn off the lights” feature, YouTube has great stuff, such as the “change view” feature, which allows you to switch between normal and wide mode, thus expanding or shrinking the video area. Creating this i.....
CSS Web


Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The re.....
CSS Plugins Web


So, what about a vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens? While thinking of alternatives to the usual horizonta.....
CSS Slider Web


qTip is an advanced tooltip plugin for the jQuery JavaScript framework. Built from the ground up to be user friendly, feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips. .....
CSS Plugins Web


We all know the auto-complete feature. We use it in google search, when google tries to suggest our search term, and you probably saw it in many other sites which implemented the auto-complete for their own use. Most of the auto-c.....
Plugins Web


MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle. .....
Animation CSS Gallery Menus Plugins Web


This jQuery plugin replaces the traditional html select control with an improved or “hijacked” version. To begin, try exploring the various Hyjack HTML select examples. Notice, you may now type to search for available .....
Web


YoxView is a free Lightbox-type media and image viewer jQueryplugin. It’s easy to use and feature-rich. .....
Gallery Other API Plugins Web


Today I will tell you about another chat system. After making old-style chat described in previous post I decided to make modern, pretty version. I made several enhancements:Login system, Chat interface, Inner code structure, of c.....
Ajax PHP Web


Today we are showing you how to create site feature image banner…. .....
CSS Gallery Web


With jQuery Scroller you can create easily smart scrolling text, news ticker, or image animations with few lines of code in jQuery!Some Features:Velocity, horizontal or vertical direction, starting/ending points, finite or infinit.....
Animation CSS Text Effect Web


All we know, that when we facing with necessarity to display large amount of data – we starting thinking about adding pagination. So we split all our content to several pages. And in this case – each page contain some part of .....
Web


Naked Password is a jQuery plugin which helps encouraging web users to enter stronger passwords. With a single-line-function, it adds a notification to any password field where a pixelated-lady gets naked according to the passw.....
Web


QapTcha is a draggable jQuery captcha system with jQuery UI !QapTcha is an easy-to-use, simple and intuitive captcha system. .....
Drag_Drop PHP Web


Base on the Jquery Framework and the Easing Plugin, The JSiderNews Plugin is a slideshow plugin that displaying images or type of content and support favious navigation to previous|next items… .....
CSS Gallery Web


AJAX-ZOOM is a powerful image zoom & pan gallery plugin based on jQuery and PHP. It features around 300 options and can be easily integrated into any website, CMS or webshop. .....
Gallery Web Zoom