Closure Compiler Service

Découvrez Hyper Dev, le Codepen des applications JS Aujourd'hui, je vous propose de découvrir HyperDev, un service web qui vous permettra de vous passer de toute l'étape de mise en place de votre environnement de développement et immédiatement commencer à expérimenter ! Sans plus de transition, laissez-moi-vous presenter mon coup de coeur 2016 : HyperDev HyperDev, un codepen fullstack ? HyperDev est un tout jeune outil full-stack vous permettant de commencer à expérimenter sur un environnement de développement en quelques secondes, sans installation/mise en place particulière. Il faut l'imaginer comme un codepen full stack pour application web.

Plugins jQuery Zoomooz est un plugin jQuery qui permet de zoomer sur des éléments d’une page web. Continue la lecture Chocolat permet de visualiser une ou plusieurs images sans quitter la page. Le choix est laissé à l’utilisateur de regrouper une série d’image sous un lien, ou de laisser apparaître les images sous forme de miniatures. La visionneuse apparaît soit en pleine page, soit dans bloc de la page.

Hébergement gratuit d'images, de photos et d'autres fichiers Plusieurs sites vous permettent d'héberger gratuitement toutes vos images : Imgur 10 Mo, mais toute image de plus de 1 Mo sera réduite et recompressée pour faire 1 Mo ou moins. De jQuery à Vanilla JS Oui alors jQuery, c'est sûrement très bien, ça simplifie pas mal de choses et le chaining est intéressant mais eeeest-ce que vous connaissez l'équivalent en pur JavaScript ? Pas sûr hein. Ce petit article vous propose de quoi peut-être vous faire changer d'avis sur la bibliothèque qui pèse tout de même environ ~80ko. Note : Vanilla JS n'est pas un framework mais veut simplement dire "à nu", c'est du JavaScript sans bibliothèque. C'est parti !

Charger dynamiquement les frameworks javascript (Mootools, JQuery, etc...) grâce à Google API By Aymeric on septembre 27th, 2009 Petite astuce que j’ai découvert il y a quelques jours : la possibilité de charger grâce à Google API les fichiers javascript nécessaires au fonctionnement des frameworks javascript comme Mootools , jQuery , DoJo , etc… ( liste complète disponible ici ). Les serveurs de Google sont surement plus rapides que celui qui héberge votre site web Le poids de la page est diminué

Récupération de données - Fichiers et partitions Données perdues Il peut arriver de perdre des données en cas de "crash" du disque dur (choc électrique...) ou au cours d'un malheureux formatage ! Il est souvent encore possible de les récupérer grâce à des utilitaires de récupération de données. Néanmoins, les solutions de restauration de données ne sont pas sûres à 100%, mieux vaut donc choisir les bons outils ! Mise en place de polyfills avec Modernizr et YepNope.js Dans un article précédent, j’ai fait la présentation de Modernizr, une librairie JavaScript qui permet la détection de fonctionnalités du navigateur. Dans cet article, nous allons voir comment mettre en place un polyfill grâce à Modernizr et YepNope.js. Polyfill Un polyfill est une librairie JavaScript qui émule la fonctionnalité non supportée d’un navigateur (qui a dit IE

Interagir avec le DOM au cours du chargement Problématique En termes d’ergonomie, il est souhaitable qu’une page HTML se charge le plus vite possible ou en tout cas que les composants graphiques qu’elle comporte soient manipulables dès que possible par l’utilisateur. Lorsqu’on utilise un framework javascript (et qu’on n’utilise pas la méthode du partage de code cf. dernier article), il faut charger le code correspondant. Sur la plupart des navigateurs actuels, l’interprétation du code javascript est bloquante vis-à-vis de l’interprétation du DOM. Autrement dit, si la page est en train de se charger, qu’elle rencontre une balise SCRIPT, l’HTML cesse d’être interprété pendant que le contenu de la balise SCRIPT (le code javascript) est exécuté. Pour cette raison, il est préférable d’interpréter le code javascript à la fin de la page ou après le onload (le DOM étant totalement chargé à ce moment).

Tutoriel sur l'URL Rewriting (réécriture d'URL) Article mis à jour le 10 février 2017, publié initialement le 4 juin 2004 Sommaire URL Rewrite : introduction Les sites web dynamiques sont parfois des obstacles pour les moteurs de recherche, mais la situation a plutôt tendance à s’améliorer. Cependant, parfois, certaines pages représentent un réel obstacle pour les robots et il faut intervenir, mettre en œuvre une procédure spécifique, pour faire en sorte qu’un site soit indexé par les « Google et consort ». Réduire la taille des ressources HTML, CSS et JavaScript   Ces règles se déclenchent lorsque les analyses PageSpeed Insights indiquent que la taille de l'une de vos ressources pourrait faire l'objet d'une réduction. Présentation La réduction de la taille des ressources consiste à supprimer les octets inutiles, ceux utilisés par exemple par les espaces supplémentaires, les sauts de ligne et les mises en retrait.

5 conseils pour développer avec JQuery Pour prolonger la série des tutorials et conseils sur JQuery, je propose un article pour livrer quelques astuces que j’ai découvert par moi-même ou glanées sur le web dans le but de mieux coder et d’optimiser le code JQuery. En effet, si celui-ci n’est pas bien optimisé, les perfomances peuvent être détérioriées en fonction des capacités de la machine de visiteur. Le JavaScript est un langage côté client, il ne faut pas négliger les visiteurs ayant une machine de moindre puissance ! 1 – Optimisation des sélecteurs Pour commencer, un petit rappel de l’ordre des sélecteurs de JQuery en fonction de leurs vitesses d’interprétation (la liste n’est pas exhaustive) :

ThemeRoller Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.