jQuery plugin: Tablesorter 2.0 Author: Christian Bach Version: 2.0.5 (changelog) Licence: Dual licensed (just pick!)under MIT or GPL licenses. Please with sugar on top! Don't hotlink the tablesorter.js files. Download it and host it on your servers. Update! Helping out! Comments and love letters can be sent to: email@example.com at tablesorter dot com. tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. Multi-column sorting Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. TIP! To use the tablesorter plugin, include the jQuery library and the tablesorter plugin inside the <head> tag of your HTML document: tablesorter works on standard HTML tables. Start by telling tablesorter to sort your table when the document is loaded: NOTE! jQuery Browser Compatibility
Ryan Scherf : Minneapolis based web design + development Smashing Labs - gMap, Google Maps jQuery plugin What is gMap? gMap is a jQuery plugin embedding Google Maps into your website. It allows you to: set center, zoom level and type of map add multiple markers with custom icons, popups and titles position marker by latitude/longitude as well as by its address set your customized map controls retrieve map object and use it for even most complex tasks Purpose of gMap is to help you keep your code clean and to create Google Map in very easy way, without learning its API. In future versions gMap will be improved with functions that are hard to achieve with Google Maps. Latest stable release: 3.3.0 Donate gMap is free and will stay that way as long as I'm in charge. Social Like Smashinglabs on Facebook to get gMap updates and other JS news. Example This tiny line of code is being used to embed the map below. What has happened to V2 version? It's still available here.
Design Studio Born and raised in Slovenia, a small green country in the middle of Europe. It all started back in 1999, when I taught myself HTML. As a computer enthusiast, I quickly felt in love with web sites and especially good looking and well–principled design. With about 16 years of professional experience, I have worked in almost every aspect of design, with agencies, companies, start-ups and individuals. Currently, I'm working as a senior UI/UX designer at Databox, a Boston based startup. However, my true inspiration in the last 6 years were icons. Occasionally, I make illustrations too - 84Posters.
Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com Setting up Reveal modals is only three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. Reveal is now part of Foundation! This version of Reveal has been depreciated. Visit Foundation Step 1: Attach Needed Files Step 2: The Modal Markup Step 3: Attaching Your Handler By putting the "data-reveal-id" attribute on the anchor, when clicked the plugin matches the value of the "data-reveal-id" attribute (in this case "myModal") with an HTML element with that ID. Basically, put the "data-reveal-id" attribute on an object and make it's value the ID of your modal. While the "data-reveal-id" is an awesome way to make firing a modal stupid-easy, in many cases developers will still need to be fired programatically. Options Download Download the Reveal Kit Demo The Modal
Screw – A jQuery Plugin | JasonLau.biz 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 create continuously scrolling, bottomless pages where content is appended to the bottom as the user scrolls. As of version 1.0.5, Screw supports both vertical AND horizontal scroll detection. Git The Source Examples – Loading ImagesExamples – Loading External And Internal ContentLive Demo – Continuous Vertical Scrolling Options Name: loadingHTMLDescription: A string consisting of optional HTML which is displayed before the object is loaded. Classes Name: screwDescription: Applies Screw to this object. Name: screw-before Description: Inserts the HTML before the object with this class. Name: screw-afterDescription: Inserts the HTML after the object with this class. Name: screw-appendDescription: Appends the HTML to the object with this class. Usage Endless scrolling: Or
qTip – Plugin jQuery – L’art du Tooltip Il y avait fort longtemps que je ne vous avais pas fait d’article sur jQuery, à vrai dire, il y avait fort longtemps que je ne vous avais pas fait d’article tout court. Cette fois je vais vous parler d’un plugin jQuery assez sympa (du moins je l’apprécie) et qui va vous permettre de réaliser vos tooltips de manière esthétique, mais surtout avec beaucoup de possibilités, comme y insérer des images, du texte, des vidéos etc… Ce plugin jQuery, c’est qTip. Alors, comment utilise-t-on ce plugin ? Bien entendu on appelle les librairies, soit jQuery et qTip : Admettons vous souhaitez rajouter le tooltip sur les éléments li avec la classe “active” : Voici la manière de base d’utiliser ce plugin. <div class="qtip qtip-stylename"><div class="qtip-tip" rel="cornerValue"></div><div class="qtip-wrapper"><div class="qtip-borderTop"></div> // Only present when using rounded corners<div class="qtip-contentWrapper"><div class="qtip-title"> // All CSS styles... Articles qui peuvent vous intéresser :