Rollover jQuery Mon portfolio Mon titre Ici une petite description Géolocalisation en HTML5 Tutoriel issu de ma présentation à la KiwiParty 2011. La géolocalisation fait partie des API gravitant autour de HTML5 (Geolocation API Specification) et des nouvelles fonctionnalités introduites par la mobilité. Ses usages sont nombreux et souvent corrélés avec des bases de données de renseignements géographiques : Plans/cartes, calculs de position et d'itinéraires Renseignements locaux en mobilité (points d'intérêts proches) Résultats contextualisés sur les moteurs de recherche Méta-informations jointes aux photos/vidéos De quelles informations a-t-on besoin pour se géolocaliser ? Dans l'espace, trois coordonnées sont nécessaires : Une quatrième coordonnée peut être prise en compte pour les puristes : le temps. L'API donne aussi accès lorsqu'il y a déplacement à la vitesse et à la direction (en ° par rapport au nord géographique). De quels moyens dispose un navigateur pour se géolocaliser ? Disponibilité de l'API ? L'API repose sur l'objet geolocation membre de navigator. Confidentialité <!
Slideshow jQuery accessible Dans ce tutoriel, vous allez apprendre comment réaliser un slideshow jQuery accessible pour votre site web. Étapes par étapes, vous découvrirez le processus de création en allant du HTML jusqu’au Javascript. Ceci est un tutoriel basé sur celui du site anglophone SixRevisions. Merci à eux de nous avoir autorisé à le reprendre pour le traduire et l’améliorer un peu. La 2ème partie de ce tutoriel (et exclusivement conçue par nous) portera sur la gestion dynamique de ce slideShow : Ajout/Suppression de slides , miniaturisation automatique des images, changer la position des slides (et tout ça en Ajax). Les bases du concept La partie la plus importante de tout bon composant web est d’avoir une structure HTML solide et bien construite. La structure de notre contenu est matérialisé par une div qu’on appellera #slidehow et qui servira de conteneur principal pour notre slideshow. Etape 1: HTML Exemple n°1: La structure HTML du contenu du slideshow. Etape 2: Styler le SlideShow Les flèches (CSS)
10 Awesome Techniques and Examples of Animation with jQuery jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API. In this article, we share with you some innovative uses of jQuery in animating web design elements. You’ll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps. 1. This example by Dutch web developer Gaya Kessler features an impressive animation effect of cartoonish smoke emanating from factory smoke stacks. Live Demo: Smoke Effect 2. Sam Dunn of the web development duo, Build Internet, wrote a tutorial on how to create an animated landscape using transparent PNG images. Live Demo: Animated Postcard 3. In this tutorial, you will learn how to animate image elements in a smooth and fluid manner. Live Demo: Realistic Hover Effect 4. Live Demo: youlove.us (web page header) 5. Live Demos: Freestyle Sample, Image Sequence Sample, Fade Text Sample 6. jQuery Blend
googleMaps plugin | Joomla Gadgets This plugin allows you to include one or more google maps right inside your content item or article. This is a super light-weight plugin using only about 20K of codes. If you need to display just a simple map showing the address of your company, this is the plugin. If you find this plugin useful, and would like to see further development of this project, be a proud sponsor of the googleMaps plugin! Secure Payments by PayPal . Unique Features Uses the latest Google Maps API v3 You can embed multiple Google Maps within an article Each Google Map can be of different size, zoom level, map control and map type Support for kml files With built-in geocoder! User Review This plugin is listed in the The Joomla! If you like this plugin, please post a review at the Joomla! Latest Version v1.0.19 (for Joomla 1.0), v1.5.19 (for Joomla 1.5), v1.6.19 (for Joomla 1.6), v1.7.19 (for Joomla 1.7), v2.5.19 (for Joomla 2.5) Released Mar 24, 2012 Geocoding your address googleMaps module googleDirections plugin <p> ...
Définition jQuery Un article de Wikipédia, l'encyclopédie libre. jQuery est une bibliothèque JavaScript libre qui porte sur l'interaction entre JavaScript (comprenant Ajax) et HTML, et a pour but de simplifier des commandes communes de JavaScript. La première version date de janvier 2006. La bibliothèque contient notamment les fonctionnalités suivantes : Usage[modifier | modifier le code] jQuery se présente comme un unique fichier JavaScript de 247 Kio (92,2 Kio dans sa version minimalisée par la suppression des commentaires et caractères d'espacements. La bibliothèque jQuery peut être appelée de deux manières différentes : via la fonction jQuery, ou $. $("div.test").add("p.quote").addClass("blue").slideDown("slow"); via l'objet $. $.each([1,2,3], function() { document.write(this + 1); }); Voici un exemple d'Ajax avec jQuery : Modules d'extension[modifier | modifier le code] Notes et références[modifier | modifier le code] Annexes[modifier | modifier le code] Sur les autres projets Wikimedia : Programmation web
jQuery Twinkle, un plugin qui attire l’attention - Megaptery Twinkle est un plugin jQuery qui permet d’attirer l’attention de vos visiteurs sur certaines parties de votre site web. Le principe de l’outil repose sur des cercles animés avec jQuery et générés soit via l’élément HTML5 canvas, soit via des propriétés CSS3. Faites scintillez vos éléments HTML Le plugin possède une API assez complète avec méthodes, options, et effets. Les options Plusieurs paramètres peuvent être utilisés. widthRatio : ratio horizontal de l’animationheightRatio : ratio vertical de l’animationdelay : délai avant que le premier effet soit déclenchégap : délai entre deux effetseffect : nom de l’effet utiliséeffectOptions (radius, color, etc) : options pour un effet personnalisé Les effets Twinkle possède nativement quelques effets mais vous pouvez construire facilement vos propres effets en utilisant le paramètre effectOptions. Exemples Voici un exemple pour déclencher un effet personnalisé.
Apache Hadoop Copyright © 2010 Lars Vogel Apache Hadoop This article describes how to use Apache Hadoop. Apache Hadoop is a software solution for distributed computing of large datasets. Hadoop provides a distributed filesystem (HDFS) and a MapReduce implementation. A special computer acts as the "name node". The "name node" is currently a single point of failure. Apache Hadoop can be used to filter and aggregate data, e.g. a typical usecase would be the analysis of web server logs file to find the most visisted pages. 1.3. Hadoop allow that map and reduce functions are written in Java. The Hadoop file system (HDSF) is a distribute file system. In the standard configuration HDFS saves all files three times on different nodes. Harddisks are very effective in reading large files sequentially but getting much slower during random access. To improve performance Hadoop also tries to move the computation to the nodes which store the data and not vice versa. Hadoop Common MapReduce HDFS 6. 6.2.