Guillaume RICHARD

Catégorie : Outils Web

  • Outil de filtrage de markers sur Google Maps

    Outil de filtrage de markers sur Google Maps

    Après un certain nombres de commentaires pour créer un outil de filtrage de markers, j’ai décidé d’en faire un.

    L’exemple de cet outil se porte sur les villes de France. Pour cela, j’ai réussi à récupérer une BDD des villes de France qui comporte plus de 36000 entrées.

    Les filtres que j’ai fait pour l’outil portent sur les départements et le nombre d’habitants par ville.
    Il est tout à fait possible de créer d’autres filtres, et de rajouter d’autres fonctionnalités.

    Voici une vidéo de présentation de l’outil :

    Vous pouvez retrouver une démonstration de l’outil à cette adresse : http://france.guillaume-richard.fr/.

    Vous pouvez aussi télécharger le script de cet outil map : .

    Si vous avez des questions : n’hésitez pas à laisser des commentaires.

  • Google Map Builder : générateur instantané de Google maps

    Google Map Builder : générateur instantané de Google maps

    carte Google-mapAujourd’hui, je vais vous présenter un outil qui vous fera gagner du temps dans la création de vos Google Map : google map builder.

    C’est un outil en ligne qui permet de générer en quelques clics le code de carte « Google Map » simple.

    L’outil est divisé en deux parties distinctes. La colonne de gauche contient les fonctionnalités que l’on peut modifier, tandis que la partie centrale contient notre « Google Map« .

    Voici le visuel de l’outil :
    google-map-builder
    Grâce à Google Map Builder, on peut modifier les fonctionnalités les plus simple d’une Google Map, voici la liste d’une partie de ces fonctionnalités :

    • Taille de la carte
    • Zoom (qui va de 0 à 21)
    • Mise en place d’un (ou plusieurs) marqueur(s) à partir d’adresse
    • Choix du marqueur
    • Activation ou non des différents effets par rapport à la carte (drag, double clic, et zoom avec molette de la souris)
    • Choix des styles de la carte
    • Etc…

    J’avais parlé du site snazzymaps dans un de mes précédents articles : Snazzy Maps – jeux de couleur pour Google Maps
    L’outil dispose des styles du site snazzymaps et permet de modifier le style de votre Google Maps en un clic.

    Voici deux exemples de style :
    style néon World google-maps style shift worker google-maps

    Après avoir modifié les fonctionnalités que vous voulez, vous pouvez générer le code et l’ajouter sur votre site.

    En espérant que cet outil puisse vous être utile.

  • Logiciels de compilation less, sass et compass

    less sass et compassLESS, SASS et Compass sont un langage dynamique de génération de feuilles de style, c’est-à-dire de CSS.

    Pour créer des fichiers CSS à partir de ces trois langages, il faut installer préalablement des logiciels pouvant les compiler.

    Quand j’ai commencé à utiliser le LESS, j’ai utilisé l’application Crunch, que vous pouvez récupérer sur le site crunchapp.net.
    Cette application peut-être installé sur Windows et Mac, et à besoin de Adobe Air pour fonctionner.

    Ensuite, quand j’ai appris à utiliser le SASS et le Compass, j’ai dû changer d’application pour 2 raisons.
    La première était dû au fait que j’utilisais principalement Linux.
    La deuxième était que Crunch ne compilait que le Less.

    Pour cela, j’ai choisi une application multi-plateforme, et qui pouvait compiler les 3 langages.

    Je me suis donc rabattu sur l’application Koala, créé en avril 2013, il en est actuellement à sa version 1.4.3 (en release), et en version 2.0.0 (en bêta).
    C’est une application souvent mise à jour. En plus de compiler pour le CSS, elle compile aussi le CoffeeScript vers le javascript.

    Bien sur, il existe d’autres logiciels pouvant compiler le LESS, le SASS et le Compass.
    Sur Windows, il y a winLess, très rapide à mettre en place.
    Sur Mac, il y a SiteFlow, et Codekit, application toutes les deux propriétaires, et donc payantes.
    Rare sont les applications multiplate-formes, mis-à-part Koala, il n’y a que Simpless actuellement.

  • Ajouter des images dans médiawiki

    Ajouter des images dans médiawiki

    Dans ce tutoriel vidéo, je vous propose d’activer la fonctionnalité d’upload de fichier, et d’ajouter des images sur votre wiki.

    Voici les explications en vidéo :

  • Edition simple de page avec Mediawiki

    Edition simple de page avec Mediawiki

    Dans cette troisième vidéo sur Mediawiki. Je vous explique comment éditer une page avec quelques syntaxes simples : texte en gras et en italique, listes, liens et tableaux.

    Mediawiki étant un outil différent des CMS et des frameworks, l’édition des pages et différentes.

    Voici la technique en vidéo :