Showing posts with label Web. Show all posts
Showing posts with label Web. Show all posts

Monday, February 6, 2012

Scrolldeck : jQuery scrolling presentation decks plugin

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 slides by adding the "animate-in" or "animate-build" classes to elements in your slides.

turn.js - jQuery plugin Page Flip effect for HTML5

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 overall publication and another for each individual page. The last one is completely independent, in that it offers an API for creating its own implementations.Having some features :

  •  Uses Hardware acceleration

  • Works on tablets and smartphones

  • Easy to manipulate

  • Lightweight, only 15K

Sunday, February 5, 2012

Bear CSS : jQuery build a solid stylesheet foundation based on your markup

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 some help from the following plugins:

  • PHP Simple HTML DOM Parser

  • Uploadify

Saturday, February 4, 2012

Response JS : jQuery plugin for mobile-first progressive enhancement in HTML5

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 serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.

Friday, February 3, 2012

LionBars : jQuery OSX style scrollbars

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

Wednesday, February 1, 2012

Facebook Timeline Design using JQuery and CSS

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 this design with Jquery and CSS. Try this demo with modern browsers like Chrome, Firefox and Safari (IE is dead).

Glimmer a jQuery Animation effect plugin

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 hand-craft your JavaScript code, you can use Glimmer’s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.By using Glimmer you can make rotating image banners,beautiful tooltips, Dropdown menus and lot of other animation effects.

Sunday, January 29, 2012

liScroll a jQuery News Ticker made easy

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

jQuery WebTicker

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.

Sunday, January 22, 2012

Create a self caching website ready for offline usage with HTML5 and jQuery

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 storage. Or in other words: every page a user visited online will be available offline too.

Please note that the demo application is written in CoffeeScript and must be compiled to JavaScript. If you have Thor installed use the command thor compile:js.

Wednesday, January 18, 2012

jQuery Mapz

With Mapz you can easily create draggable image maps by just calling one function and by using some simple and clean HTML mark-up.This plugin lets you create draggable image maps.

Features



  • Draggable map which means there are no image dimension limits.

  • Zooming, no limit on the number of zooming levels.

  • Zoom by arrow keys or by mousewheel (note: when using zoom by mousewheel, you’ll need Brandon Aaron’s mousewheel plugin)

  • Use HTML <map> elements to create links inside your image maps. Let the plugin create multiple image maps for the different zooming levels.

jQuery image panning

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

Monday, January 16, 2012

FeedEk jQuery RSS/ATOM Feed Plugin

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

Sunday, January 15, 2012

jQuery webcam plugin

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 precisely jQuery. Thus, it is possible to bring the image on a Canvas (callback mode), to store the image on the server (save mode) and to stream the live image of the Flash element on a Canvas (stream mode).

Farbtastic: jQuery color picker plug-in

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 chosen.

Saturday, January 14, 2012

Kwicks for jQuery

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.

Friday, January 13, 2012

jQuery Desktop

JavaScript desktop environment built with jQuery + HTML5.

Sunday, January 8, 2012

Address Picker: Display Real Time Map Location in jQuery

Address Picker is a jQuery plugin with autocomplete and location on map features. It displays map for the selected address, even while you navigate in autocomplete suggestions.Autocomplete filled by Google Map Geocoder suggestions.

jQuery: Customizable layout using drag and drop

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 drag and drop functionality and the jQuery Cookie plugin for storing item positions

Saturday, January 7, 2012

jQuery Spell Checker

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 aspell

  • Google’s spell checking services


If you are able to use Pspell, you will have greater control over your dictionary (with the ability to manage your dictionary words).