jQuery Transit - CSS3 animations for jQuery. What about older browsers?
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.
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. Accessibility. Notty plugin. First you need to include the jQuery library, since ClassyNotty is a plugin.
Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.
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.
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.
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.
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.
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. Image zoom tool – jQuery imageLens. Image zoom tool – jQuery imageLens plugin Today we will continue our jQuery tutorials.
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. 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. Allrighty! 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. Demos Let's get right down to business. Pretty slick, right? Let's take a peak at the default settings before we change the options around a bit. 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() !
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. Ils ont nommé cela SlidingLabels et un démo est disponible directement ici. 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.
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. iPad Simulator - alexw.me. 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.