Chardin.js. Typeahead.js. Filtrify. IE7 - [buggy} IE8+, Chrome, Firefox, Opera, Safari - (tested) What?
Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu. Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags. How? Filtrify makes use of the new HTML5 "data" attribute to store the metadata.
All you have to do is include a "data" attribute for each item in your list with the respective tags (metadata). Filtrify will then go through all the data attributes you included in your items and it will create a search menu with as many fields as the different number of categories (data-attributes) you provided. The plugin instanciation is very simple, you just have to pass a "containerID" and a "placeHolderID" which is the ID of the element where you want to place the menu.
Usage And that's it! Demos Style Documentation Instantiation:
SLIDER&SCROLL. DATE&TIME. jQuery: The Write Less, Do More, JavaScript Library. jQuery Plugins - Journal. ALAJAX - jQuery AJAX Forms plugin. Tablecloth.js. jQuery SelectBox plugin. Badger - Notification. Super sexy iOS style badges for jQuery May 14, 2011 Give your users a dose of familiarity with iOS style badges.
Badger will easily add a beautiful badge to your element without the need for images. Modelled after the badges found on the iPhone and iPad, Badger is an incredibly attractive way to notify your users in a manner that they may already be familiar with. Demo This is a div that has it's position set to relative. $('#MyBadge').badger('2');$('#MyBadge').badger('+4');$('#MyBadge').badger('-11');$('#MyBadge').badger(''); This time we'll see how it looks with words. $('#WordBadge').badger('new');$('#WordBadge').badger('done!
') Download Badger is almost nonexistent in size. 2.4kb in total for the full and 1.8kb for the minified version. Download fullDownload minifiedGitHub Implementing Adding Badger couldn't be easier. Then, simply call Badger with the element of your choice! <script> $(document).ready(function() { $('#MyDiv').badger('5');});</script> Manipulating License. Ajouter un widget météo sur son site avec jQuery - zWeatherFeed. zWeatherFeed est un plugin jQuery permettant d'ajouter un widget météo sur son site web basé sur Yahoo!
Weather. Idéal pour un Intranet d'entreprise ou tout simplement pour narguer vos visiteurs si vous habitez dans les îles Maurice, zWeatherFeed vous permettra d'ajouter la météo à vos applications web en quelques lignes de code. Il vous sera possible: De définir une ou plusieurs villes.D'afficher ou non les images illustrant la météo de la ville.D'afficher la température en Degré Celsius ou Fahrenheit.D'afficher les valeurs minimum et maximum de la journée.D'afficher la vitesse du vent.D'afficher le lien vers plus de détails sur Yahoo! Weather ou non. L'avantage de ce plugin est qu'il va générer un code XHTML propre qui sera tout à fait personnalisable à sa guise avec du CSS. Turn.js - The page flip effect for HTML5. Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5.
The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. Let's code <div id="flipbook"><div class="hard"> Turn.js </div><div class="hard"></div><div> Page 1 </div><div> Page 2 </div><div> Page 3 </div><div> Page 4 </div><div class="hard"></div><div class="hard"></div></div> Features ✓ Works on iPad and iPhone. ✓ Simple, beautiful and powerful API. ✓ Allows to load pages dynamically through Ajax requests. ✓ Pure HTML5/CSS3 content. ✓ Two transition effects. ✓ Works in old browsers such as IE 8 with turn.html4.js Requirements jQuery 1.3 or above. Browser Support Safari 5 Chrome 16 Firefox 10 IE 10, 9, 8 Devices ✓ All iOS (iPad, iPhone, iPod) ✓ Android (Chrome for Android) Elycharts. Kaiten. A collection of menus, galleries and web resources.
Yens tabbed navigation Tabbed menu boxes useful for displaying small amount of information or images.
Coda slider Slide text or images with the top tabs or side arrows. Tabbed content slider An elegant way to display small amounts of text or images with top tabs indicating the current 'page' or window. Tab navigation.