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é <!
JavaScript debugging for beginners | JavaScript Knowledge needed: Basic JavaScriptRequires: Web browser, one of: Google Chrome, Firefox (with Firebug) or OperaProject time: 30 mins Over the last five years, thanks largely to the rise of frameworks such as jQuery and Prototype, JavaScript has risen to become a first tier language for scripting on the web. This increased popularity and ease of use, has led to the creation of fully fledged applications such as Gmail, which contain thousands of lines of JavaScript code that required teams of talented developers to create. As a result of this increasing complexity however, when something does go wrong developers need powerful JavaScript debugging tools in order to quickly root out the cause of the issue and fix it efficiently. A simple var dump via the alert() dialogue simply won’t cut it anymore. In this tutorial I’ll outline some of the features of modern developer tools that you can use today to help make JavaScript debugging less painful. Read all our web design articles here 01. 02.
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> ...
Créer son Application Mobile : 7 outils simples d’utilisation | GrowthMamma Il est désormais presque incontournable de proposer à ses visiteurs une version mobile de son contenu. Si voulez construire une app iPhone ou Android, vous n’avez pas nécessairement besoin de mobilier un budget important ou de recruter un développeur spécialement pour votre projet. En effet, il existe de plus en plus d’outils qui vous permettront de bricoler vous même une App mobile, sans que vous ayez des compétences techniques spécifiques. Bien sûr, les possibilités de personnalisation sont inférieures à celles offertes par un développement sur-mesure, vous pourrez quand même tester une idée d’application, voir le potentiel pour ensuite vous tourner vers une version affinée. Nous avons comparé plusieurs de ces outils et voici quelques pistes si vous êtes intéressés par les créateurs d’App mobiles en mode Saas. AppBuilder Voir le service : GoodBarber Good Barber est disponible en français (yepee!) Voir le service : Buildfire Appsbar
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.