background preloader

WEB

Facebook Twitter

JSON Editor Online - view, edit and format JSON online.

CSS

Stockage des données locales : Web Storage. Nous connaissions les cookies.

Stockage des données locales : Web Storage

Maintenant nous disposons de Web Storage (ou DOM Storage) pour stocker des données locales. Faisons un tour du propriétaire ! Stockage des données dans le navigateur Web Storage est une solution adaptée aux besoins actuels de stockage de données variées, dans le navigateur. C'est aussi une technique plus puissante que les cookies, qui sont limités en taille (quelques Ko contre plusieurs Mo pour Web Storage) et qui engendrent un trafic HTTP supplémentaire pour chaque requête (que ce soit pour demander la page web, une image, une feuille de styles, un fichier javascript, etc). Web Storage met à disposition deux interfaces nommées sessionStorage et localStorage dont la seule différence concerne la persistance des données. Stockage de session sessionStorage L'interface sessionStorage mémorise les données sur la durée d'une session de navigation, et sa portée est limitée à la fenêtre ou l'onglet actif.

Stockage local localStorage Usages et précautions. 15 snippets pour améliorer votre utilisation de jQuery. La librairie jQuery est une des meilleures, voire la meilleure librairie Javascript actuellement.

15 snippets pour améliorer votre utilisation de jQuery

Elle est assez facile à utiliser et à prendre en main, mais bien souvent, quand on débute, on profite des plugins sans trop savoir comment ils marchent. Car des plugins jQuery, il en existe en veux tu en voila sur la toile. On les télécharge, les utilise et si on rencontre un souci, on change de plugins. La flemme ou pas les connaissances pour mettre les mains dans le cambouis peut souvent entrainer un délaissement d’intérêt. Je viens donc vous proposer quelques trucs et astuces qui pourront grandement vous servir durant vos dev, afin d’améliorer un peu vos connaissances. CheatSheets Pour débuter, voici deux fichiers très utiles qui regroupent les principales propriétés de jQuery et jQuery CSS : Télécharger jQuery 1.4 CheatSheet Télécharger jQuery CSS CheatSheet Document.ready Pour charger vos méthodes au chargement de la page, vous avez surement l’habitude d’utiliser :

Comment détecter quand la souris quitte la fenêtre du navigateur en Javascript - Agence Web Paris. Javascript est un langage très utile pour beaucoup de choses de nos jours.

Comment détecter quand la souris quitte la fenêtre du navigateur en Javascript - Agence Web Paris

Malheureusement, chaque navigateur l’implémente à sa façon, et évidemment ils ne proposent pas la même gestion des évènements ! Prenons un exemple : vous venez de faire un div que l’on peut déplacer à volonté avec la souris.

PHP

Les closures en Javascript. Comment appeler une méthode d’un objet Javascript via setTimeout et setInterval ? Pré-requis pour ce tutoriel Un navigateur web (Mozilla Firefox, Google Chrome, Safari aux choix)Un outil de développement (Coda, Dreamweaver, Aptana, Notepad++, etc.)Des bases en programmation Javascript Utilisation classique des fonctions setTimeout et setInterval En Javascript, les méthodes setTimeout(callback, timer) et setInterval(callback, timer) sont utilisées pour appeler une portion de code de manière décalée dans le temps.

Comment appeler une méthode d’un objet Javascript via setTimeout et setInterval ?

Le code représenté par callback est appelé au bout de timer millisecondes écoulées après l’appel d’une de ces deux fonctions. La différence entre ces deux fonctions réside dans le fait que « setTimeout » n’appelle qu’une fois la portion de code, alors que « setInterval » appelle régulièrement la portion de code, toutes les timer millisecondes. Voici comment ces deux fonctions s’utilisent : function myFunction() { alert('Hello world ! ') Utilisation dans un contexte objet setTimeout('this.myMethod()', 1000); Cela revient à écrire : window.alert('Hi everybody'); Geocoding Service - Google Maps JavaScript API v3. Overview Geocoding is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which you can use to place markers or position the map.

Geocoding Service - Google Maps JavaScript API v3

Reverse geocoding is the process of converting geographic coordinates into a human-readable address. Getting Started - Google Maps JavaScript API v3. The Maps JavaScript API lets you customize maps with your own content and imagery for display on web pages and mobile devices.

Getting Started - Google Maps JavaScript API v3

The Maps JavaScript API features four basic map types (roadmap, satellite, hybrid, and terrain) which you can modify using layers and styles, controls and events, and various services and libraries. Audience This documentation is designed for people familiar with JavaScript programming and object-oriented programming concepts. You should also be familiar with Google Maps from a user's point of view. There are many JavaScript tutorials available on the Web.

This conceptual documentation is designed to let you quickly start exploring and developing applications with the Maps JavaScript API. Jquery_ui_map_v_3_sample_code - jquery-ui-map - Sample code - Google map v3 plugin for jQuery and jQuery Mobile. Example constructor call Make the selected element a Google map. $('#map_canvas').gmap(); Map options are added in the constructor or set with the option method The map options is extended with a callback function which will execute when the Google Map object has been instanciated.

jquery_ui_map_v_3_sample_code - jquery-ui-map - Sample code - Google map v3 plugin for jQuery and jQuery Mobile

When the map is fully initialized (with bounds) it will trigger the 'init' event. $('#map_canvas').gmap().bind('init', function(event, map) { // do something }); All properties in the MapOption object can be set and retrieved by. Damien Balada. EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERATION diaporama, acceleration, deceleration, iphone, rotation 360, Source N°54059 Javascript. C'est un effet de rotation a 360 degré avec plusieurs images utilisant la souris sur la zone ou ce situe l'image on peut aussi pousser l'image afin de créer un effet d?

EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERATION diaporama, acceleration, deceleration, iphone, rotation 360, Source N°54059 Javascript

Accélération décélération j'y est ajouter le préchargement des images afin d'assurer la fluidité de l'animation le script fonctionne avec firefox chrome opera et ie testé avec ie 8 et je pense qu'il doit pouvoir marcher avec ie 6 lien teste Source / Exemple : Conclusion : ca roule. jQuery Reel Plugin.

Verb ...

jQuery Reel Plugin

The room reeled GO ROUND, go round and round, whirl, spin, revolve, swirl, twirl, turn, swim. Try dragging this area or roll your mouse wheel over it Now even on Android Reel 1.3 is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation.

CACHE

UPLOAD.