background preloader

Smashing Labs - gMap, Google Maps jQuery plugin

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. 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. Related:  Jquery Plugins

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: christian@tablesorter.comchristian 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

jQuery virtual tour jQuery virtual tour download and online documentation << x >> 11 Useful jQuery Plugins for Enhancing Images We will be sharing another topic that can surely add a spark of creativity into your web design. jQuery has become one of the most used Javascript library by web developers in the recent years because it has a variety of available plugin tools that could easily create dynamic effects such as smooth transitions, animation, blending and user initiated movement without using cumbersome programming languages or 3d party animation programs to enhance their website’s images and add an unexplainable element that could attract visitors and could provide a good user experience to their website. This could also make viewing images more pleasant. Below, we have gathered 11 Extraordinarily Useful jQuery Plugins for Enhancing Images. Find out how these jQuery plugins could improve the display of images on your website. jQuery Easy Slides jQuery Easy Slides is a lightweight (only 2.1kb) image slideshow plugin used to easily make beautiful image slideshows.Visit Site AviaSlider Slides EOGallery S3 Slider

Excellent jQuery CSS Animated Navigation Menu Tutorials The navigation bar in a website is one of the most used sections of a website. You visitors use it in order to go to order sections and come back to the home page. This is why you have to make sure for the navigation menu to be easy to use and not confusing for your visitors. The second thing you would have to go over in navigation menus is their design. Now it shouldn’t be a fancy design but at the same time it has to be pleasing for the eye and easy to find. The important thing is not to overdo it. Using jQuery for Background Image Animations Fading Menu – Replacing Content Create Vimeo-like top navigation Sexy Drop Down Menu w/ jQuery & CSS Create an apple style menu and improve it via jQuery Animated Menus Using jQuery Animated Jquery Image Menu Lava Lamp for Jquery Lovers Create a Cool Animated Navigation with CSS and jQuery How to Make a Smooth Animated Menu with jQuery Vertical Scroll Menu with jQuery Tutorial Vertical Sliding jQuery Menu iPod-style Drilldown and Flyout Menu

brandonaaron/jquery-mousewheel JUSH - JavaScript Syntax Highlighter jQuery : Les bonnes pratiques Parce que beaucoup de développeurs se frottant à jQuery ne l’utilise pas forcément comme il faut et se plaignent souvent des performances médiocres obtenues, il était temps de remettre l’église au centre du village. Ce mémo est une traduction de ce très bon article anglais. Bonne lecture ! Toujours faire une recherche à partir d’un ID Le sélecteur le plus rapide de jQuery est le sélecteur d’ID ($(‘#mon-id’)) car elle est directement mappée sur une méthode Javascript native : getElementById(). Sélection d’un élément unique Une sélection comme celle-ci est plus rapide :var traffic_button = $(‘#traffic_button’); Que celle-ci :var traffic_button = $(‘#content .button’); Sélection d’éléments multiples La sélection d’éléments multiples parcours le DOM de manière transversale, cela peut être très long et très couteux en ressources. Utiliser des balises avant les classes Le second sélecteur le plus rapide de jQuery est le sélecteur de balises ($(‘head’)). Cacher les objets jQuery (Dé)chaînez la fureur

liteAccordion - a horizontal accordion plugin for jQuery Slide One1 Slide Two2 Slide Three3 Slide Four4 Slide Five5 <p>Please enable JavaScript to get the full experience.</p> Responsive and WordPress versions available! New! Accordion Pro JS is a responsive version of liteAccordion, with lots of upgrades and new features (vertical accordions!). Download More details and download link for liteAccordion here. Q. A. Q. A. Q. A. Q. A. Q. A. Q. A. liteAccordion is free to use for commercial and personal projects. If you find any bugs, please file a ticket on Github and I'll fix it as soon as possible. Version 2.2 (21/01/13) Responsive layout and auto scale images options removed After some consideration, I've decided to remove the responsive options. Development status: on indefinite hiatus After this update, I do not plan to continue developing this plugin. New in 2.0! Methods: liteAccordion now has play, stop, trigger next slide, trigger previous slide, destroy and debug methods. Mouseover activation Custom easing Linkable slides 1. 2.

Related:  tools