background preloader


Facebook Twitter

jQuery Transit - CSS3 animations for jQuery. What about older browsers?

jQuery Transit - CSS3 animations for jQuery

Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (! jQuery.keyboard. How it works This plugin takes a keyboard "definition" and generate it.


Some special events are triggered when user interacts with it. In order to manage interactions, you can add "plugin" to the keyboard (form plugin in the demo). Events print. Portfolio Image Navigation with jQuery. Image Zoom Tour with jQuery.

Europe, CSS & jQuery clickable map by Winston Wolf. Free interactive map of forty-seven countries of the European continent.

Europe, CSS & jQuery clickable map by Winston Wolf

It's a better way to convert a list of regions into a stylish clickable map without a Flash Player or any external plug-ins ..just a well known CSS sprites ..which works in all modern browsers ..even on the mobile devices as iPhone or iPad. ten maps: 250, 320, 430, 540, 650, 750, 850, 960, 1280 and 1450px wide (including gaps) with .psd source filesmultiple click modelist of agents / addressesonClick / onHover custom eventssticky or floating tooltipsvisible list of regionsmarked citiespreloader FreeDownloadcssmap-europe-v4-4.zipsize: 10.3MB | script version 4.4 Also available clickable maps of: Interactive maps made for web designers These clickable maps were created by using proven and well-known properties of old CSS 2.1 With a little help of jQuery (mostly to simplify the markup) the CSS style sheets available in the package, allows you to convert a simple list of links into the interactive map. Notty plugin. First you need to include the jQuery library, since ClassyNotty is a plugin.

Notty plugin

You can download it from the jQuery website or link it directly from the Google CDN. Secondly, you need to include the jQuery ClassyNotty javascript and the css file into your page. You can do it by adding the code below to your page. Next, you implement the link/element that will trigger the notification. In a real application, you will trigger it by form submit, or ajax calls, etc.

15 Superb jQuery Google Map Plugins. Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select. 7 jquery breadcrumbs to enhance your website navigation. Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces.

7 jquery breadcrumbs to enhance your website navigation

It allows users to keep track of their locations within programs or documents. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale. They are simply hyperlinks that lead sequentially to the current page. Breadcrumbs are an effective part of user experience studies. They help user to navigate easily to any of the pages in the trail. Grid Navigation Effects with jQuery. Today we want to share some neat grid navigation effects using jQuery.

Grid Navigation Effects with jQuery

In our examples we will show you ten ways how to navigate through a set of thumbnails. We'll take a look at some of the possibilities and how to apply the effect. View demo Download source. MotionCAPTCHA Demo. Image Wall with jQuery and CSS3. Create a Stunning Sliding Door Effect with jQuery. Introduction Continue from our previous thumbnail effect series.

Create a Stunning Sliding Door Effect with jQuery

This is the third one. If you missed the previous two, you can visit the following links: Advertisement This tutorial is going to be awesome! Sliding Letters with jQuery. Today we have a neat little effect for you.

Sliding Letters with jQuery

We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. The aim is to slide in letter by letter when hovering over a link element. We can either have the same word or a different […] Image zoom tool – jQuery imageLens. Image zoom tool – jQuery imageLens plugin Today we will continue our jQuery tutorials.

Image zoom tool – jQuery imageLens

And today we will talk about image zoom tools. During investigation, I was able to locate imageLens jQuery plugin. Nivo Slider - The Most Awesome jQuery Image Slider. jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding.

Rotating Image Slider with jQuery. In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will […] View demo Download source In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element.

The unusual shape of the slider is created by some elements placement and the use of thick borders. We’ll use the jQuery 2D Transformation Plugin for rotating the images and the jQuery Mousewheel Plugin by Brandon Aaron for the mousewheel control. The beautiful photos are by Andrew and Lili and you can see their Behance profile here: The images are licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. Apprise - The attractive alert alternative for jQuery.

The initial release of Apprise has been a major success and is often what this site is most commonly associated with. As far as I've been able to track, Apprise has been downloaded over 23,000 times and has been mentioned in over 46,000 blogs. Which is fantastic, especially for something that I've never been very proud of. I've wanted to update, and change the UI, of this for over a year now. Time has finally permitted and it's, finally, ready. Easy front-end framework. 30 Fantastic New jQuery Plugins-Speckyboy Design Magazine. With jQuery now being used in over 40% of all web sites, the demand for up-to-date and feature-rich plugins has never been greater. Thankfully, the community has always met its popularity head on by offering a constant influx of new jQuery plugins that constantly push the boundaries of functionality even-further.

We haven’t actually had a good look at plugins in quite a while, so today, we thought we would bring you up-to-date with some of the latest and greatest. CodeExplorer CodeExplorer is an enitrely unique code formatting plugin that will not only format the code with colors and spacing, but will also display it in an entire folder structure. QapTcha : jQuery draggable captcha system with jQuery UI - MyjQueryPlugins. QapTcha is a draggable jQuery captcha system with jQuery UI ! QapTcha is an easy-to-use, simple and intuitive captcha system. It needs human action instead of to read a hard text and it is a very lightweight jQuery plugin. In order to work with iPhone and iPad, a file jquery.ui.touch.js has been added in v2.5 !

QapTcha works with PHP5.2 or more cause to the function json_encode() ! During the DOM building, QapTcha create a hidden input with a random 'name' attribut filled with a random password. The purpose of the drop is to empty this random input and set a $_SESSION['qaptcha_key'] variable with this random value in Ajax. With PHP, just check if the random input exists and is empty and if the $_SESSION['qaptcha_key'] is filled with this random value. Even if javascript is disabled, the iQaptcha input will not be create and the PHP control always returns false : (isset($_POST[''. 10 jQuery Scripts To Optimize Forms. Last week I posted HTML5 Forms Styled With CSS3. There you can find useful links on how to style your forms and add effects with HTML5 and CSS3. I mentioned that beside for old browser fall back you won’t need Javascript. Isotope. jQuery MsgBox Preview. jQuery list filtering.

Here’s a clever little script that’s certainly useful if you want to give users the functionality to refine search results or filter product results. If you had a list of films with long titles this would be a quick and easy way to filter through the results. The Code The code below works by searching the text in the list items on each key press. It then filters the results by sliding out the items that don’t match. The HTML. Awesome Bubble Navigation with jQuery.

» Plugin JQuery SlidingLabels : pour améliorer l’ergonomie des formulaires - JQuery, PHP, html, design… // arnaud-k : un blog de geek. Le blog CSSKarma nous propose un code JQuery (qui n’est pas tout à fait sous la forme d’un plugin, mais le code est proposé « clé-en-main ») permettant d’améliorer l’ergonomie des formulaires. L’effet est tout simple, les labels des champs du formulaires sont à l’intérieur des champs de texte inactifs et lorsque le champ prend le focus, son label se déplace vers la gauche pour sortir du champ. Si l’utilisateur n’a rien saisi dans le champ, le label retrouve sa position initiale, autrement, il reste en dehors du champ. Je trouve cette technique toute bête assez efficace et qui peut ajouter un petit plus à vos formulaires.

Notification Growl MAC. Used by hoopies and froods alike, Freeow! Is a plugin for making Growl-like alerts or message boxes on your website. You can customize the look and animation of Freeow! Each time a message box appears, and you can alter other options such as whether or not to have the message box hide itself automatically. Fancy Sliding Form with jQuery. jQuery LazyLoad Ad - Afficher les pubs après le chargement de ses pages. jQuery LazyLoad Ad est un plugin jQuery pour afficher les publicités de manière asynchrone et ainsi accélerer le chargement des pages de ses sites.

L'affichage des publicités sur un site est un des facteurs qui ralentit le chargement d'une page. Le plugin jQuery LazyLoad Ad propose de résoudre ce désagrément en faisant afficher les publicités qu'une fois la page web complétement affichée. Un plugin jQuery de détection de visages. Tout ce qui touche à la reconnaissance d’image m’a toujours fasciné. Google image sait extraire les photos contenant des visages, certaines applications comme iPhoto ou Picassa les reconnaissent même entre eux.

Aujourd’hui les algorithmes sont maitrisés et certains sont même open source. Hier, je tombe Face Detection in JavaScript via HTML5 Canvas qui m’apprend que l’un de ces algorithmes a été porté en Javascript par un développeur chinois nommé Liu Liu. Avec scepticisme je teste la démo et, surprise, ça fonctionne vraiment. Le code est open source est disponible sur Github. Le code de Liu Liu est fonctionnel mais il lui manque encore la facilité et les possibilités d’utilisation.

Si vous voulez le forker, mon plugin est également sur Github. iPad Simulator - Let me tell you what a crazy week it’s been regarding my iPad Simulator. Pines Notify.


Coin Slider: jQuery Image Slider Plugin with Unique Effects. Fellowstream - Un service de gestion de tâches sous forme de tickets. jQuery - So So Social - jQuery News Feed from your Social Networks. A Snazzy Animated Pie Chart with HTML5 and jQuery. jQuery Live Login inspired by Google Instant Search. Documentation. Collapsing Site Navigation with jQuery.

GalleryView: A jQuery Content Gallery Plugin — Space for a Name. Latest Post Blogroll Slider with jQuery and PHP. Learn how to Create a Retro Animated Flip-Down Clock. 14+ Table Manipulation with jQuery. Best jQuery Slideshow (Gallery) Plugins. PicNet Table Filter. jQuery 1.4.3 Offline Learning Kit. Sliding Boxes and Captions with jQuery. jQuery + Google Analytics = Very Useful Plugin - InsideRIA.