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.

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

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 Surveillez vos contenus (plagiat) et votre e-réputation (Personal Branding) Surveiller ses contenus pour éviter le plagiat et faire attention à sa réputation sur internet devient un réflexe pour les organisations et les individus. L’un et l’autre doivent construire leur identité numérique pour se présenter sous leur meilleur jour auprès des clients, des partenaires, des employeurs potentiels et plus si affinités. Pour cela, il est important de faire le point régulièrement sur le Web qui — s’il est parfois considéré comme la maladie –, est aussi le remède. Voici une liste de ressources qui vous permettra de faire le point sur votre « marque personnelle » et votre « e-réputation ». Les contenus (plagiats) Le contenu dupliqué (Duplicate Content) est le fait de trouver sur le Web le même contenu (ou un certain pourcentage de ce contenu) sous des adresses différentes. Check Duplicate Content — Partez à la chasse au contenu dupliqué ! Les personnes, les marques knowem? Les noms de domaines Les services tout-terrains

JUSH - JavaScript Syntax Highlighter Tools For jQuery Application Architecture – The Printable Chart Hey guys. Today I would like to add a new entry to my on-going series on Large Scale Application development with jQuery – printable tools for application architecture charts. A lot of you replied back to posts in the series with additional tools you found useful and I thought it might be handy to create you a single chart that broke down some of my updated recommendations for tasks like structuring client-side MVC apps, templating, unit and BDD testing, debouncing and more. For readers that might prefer something more list-like, I’ve also posted up a list version and linked up to the official sites for most of the recommendations on the list inside this post. If you haven’t had an opportunity to follow the series as yet, don’t worry. Tools for jQuery Application Architecture – List Version and that’s it!. Remember that if you found the charts useful, you can easily share it with your friends and colleagues by clicking the ‘retweet’ button below.

Transit - CSS transitions and transformations 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 (!$.support.transition) $.fn.transition = $.fn.animate; Fallback to frame-based animation If you would like to fallback to classic animation when transitions aren't supported, just manually redefine .transitition to .animate. (Note: if you're using custom easing, you may need to also use jQuery Easing, and restrict your use of easing options to the ones defined there.) $.fx.speeds. Default duration Transit honors jQuery's default speed, $.fx.speeds. Custom easing Define custom easing aliases in $.cssEase. Webkit: prevent flickers Having flickering problems in Webkit? Antialias problems in Webkit? Force hardware-acceleration in Webkits to prevent text flickering.

ZONE CSS | Les cours css : Hack css | Les css et leurs relations avec les balises HTML et XHTML Les commentaires conditionnels sont propres à Internet Explorer. On les utilise souvent pour contourner les bugs d'implémentation CSS des versions d'Internet Explorer supérieur 5. Spécialement, je n'aime pas cette technique mais elle m'a été très utile une fois. Les commentaires conditionnels vont vous permettre de mettre du code qui ne sera interprété que pas certains navigateurs ou par certaines version d'Internet Explorer.Pour détecter si c'est Internet Explorer : Exemple de code : <! Exemple :Pour détecter si c'est pas Internet Explorer : <! Exemple : C'est pas Internet Explorer Pour détecter un version d'Internet Explorer : <! Les principales versions d'Internet Explorer sont 5, 5.5, 6, 7, 8,et 9. C'est pas Internet Explorer : <div style="border:1px solid red"><! Exemple : Vous devez voir dans le cadre rouge "C'est pas Internet Explorer" C'est Internet Explorer : <div style="border:1px solid red"><! Exemple : Vous devez voir dans le cadre rouge "C'est Internet Explorer"