S’il y a un raccourcie que les développeurs web (et surtout les intégrateurs) connaissent bien, c’est tout de même CTRL+F5 (ou CMD+R pour les mac). A chaque petite modification de notre fichier CSS, on l’enregistre, on le met en ligne puis on recharge la page sur laquelle on est. Mais cela peut poser quelques soucis et faire perdre du temps.

En effet, hier, je travaillais sur l’intégration d’une WebApp en JS quand je suis arrivé sur une page assez complexe. Chaque modification m’obligeait à revenir à l’accueil, recharger ma page et refaire tout le chemin pour revenir à cette fameuse page. Pas très pratique, vous en conviendrez. Vous pouvez effectivement modifier votre style CSS directement dans la console FireBug ou Chrome, mais cela ne reste pas très pratique.

Heureusement, il existe une solution toute simple ! Il vous suffit de glisser ce lien CSS Reload dans vos favoris et de cliquer dessus à chaque fois que vous voulez mettre à jour uniquement vos feuilles de style.

Comment ça marche ? C’est pas très compliqué à vrai dire. A chaque fois que vous cliquerez sur ce lien depuis votre barre de favoris, votre navigateur va exécuter un code javascript qui va aller scanner votre page et remplacer les fichiers CSS chargés par ceux présents sur le serveur,

Très simple et très pratique !

Google laisse à disposition des développeurs une API complète pour intégrer Google Map à l’intérieur de vos sites internets. Malheureusement, cette API reste relativement complexes car extrêmement complète. Ainsi, rien que pour créer une simple carte et y ajouter un point, il faut déjà compter plus d’une cinquantaine de lignes. De quoi rebuter la plupart d’entre nous !

Ainsi, pour optimiser le temps de développement sur les actions les plus courantes, je vous ai concocté rapidement un petit plugin jQuery. Celui-ci reprend les fonctionnalités suivantes :

  • Création d’une carte
  • Gestion des points :
    • Ajout d’un ou plusieurs points
    • Icône personnalisée
    • Choix de l’action au clic :
      • Lien de redirection
      • Contenu HTML à afficher dans une fenêtre
    • Ciblage par coordonnées GPS
    • Ciblage par adresse postale
  • Gestion des itinéraires :
    • Calcul de l’itinéraire
    • Affichage de l’itinéraire sur la carte
    • Modification de l’itinéraire
    • Affichage du détail de l’itinéraire

Et tout ça en 2 lignes de javascript !

Voir la démo et télécharger le plugin

Pour tout support ou suggestion, vous pouvez utiliser les commentaires de cet article.