Blog

  • Formation carouFredSel : Présentation et carousel de base

    Formation carouFredSel : Présentation et carousel de base

    Dans cette formation, je vous présente le plugin carouFredSel.
    C’est une bibliothèque Web qui vous permet de créer des carrousels d’images.

    Je vous montre aussi comment faire un carrousel basique avec ce plugin.
    Vous trouverez le script de ce tutoriel sur la page téléchargement de mon blog.

    Voici la vidéo de présentation de carouFredSel :

  • Livre – Job et réseaux sociaux, connectez-vous

    Job et réseaux sociauxAujourd’hui, je vais vous parler du livre « Job et réseaux sociaux, connectez-vous », écrit par Jean-Christophe Anna et paru aux éditions Hachette (Collection « Tout pour réussir »).

    Jean-Christophe Anna est un Expert en Recrutement mobile & social.
    Blogueur de « Job 2.0 » et de  « Recrutement mobile & social ». Il est aussi consultant et conférencier.
    Son expérience est basé sur le recrutement à travers les réseaux sociaux comme twitter, Viadeo et Linkedin.

    Le livre Job et réseaux sociaux, connectez-vous parle de son expérience et donne un ensemble de bonnes pratiques pour rester dans la course à la recherche d’emploi (que vous soyez en recherche ou non).
    Ces bonnes pratiques permettent à ceux qui les suivent de se démarquer de 95% des gens qui utilisent les réseaux sociaux pour rechercher un emploi.
    Pour cela, il faut à tout moment soigner son image et mettre en avant ses compétences pour qu’ils soient vues des recruteurs. Il faut aussi apprendre à bien utiliser les réseaux sociaux, maîtriser son profil et sa e-réputation.

    Après l’avoir lu, j’ai eu envies de modifier mes profils sur les réseaux sociaux pour les améliorer. C’est ce que je ferai à plus ou moins long terme.

    Le défaut que je trouve à ce livre, c’est qu’il préconise un travail de tous les jours pour soigner ses profils et ses réseaux.
    je dis que c’est un défaut mais ce n’en est pas vraiment un. En effet, on fait travailler ses réseaux chacun à sa manière.
    Ce livre est à mettre entre toutes les mains, même s’il peut être difficile d’y accrocher. Mais ce n’est que mon avis.

  • Les meilleures extensions Firefox pour les développeurs

    logo-firefoxDans l’article d’aujourd’hui, je vous présente les extensions de Firefox que j’utilise le plus souvent dans mon métier de développeur.

    Les voici :

    Firebug

    Module permettant l’édition, le débugage et la surveillance en direct des fichiers CSS, HTML et Javascript dans n’importe quelle page Web. Je ne peux pas me passer de ce module.
    Lien : https://addons.mozilla.org/fr/firefox/addon/firebug-and-web-development/

    HTML Validator

    HTML Validator montre le nombre d’erreur d’une page HTML sous la forme d’une icone.
    Je l’utilise tout le temps à mon travail pour valider toutes mes pages HTML.
    Attention : ce module n’est pas disponible pour Linux
    Lien : https://addons.mozilla.org/fr/firefox/addon/html-validator/

    Bamboo Feed Reader

    Lecteur de Flux (flux Atom et RSS). Permet l’import et l’export de ces flux au format OPML.
    C’est un module complet contenant beaucoups d’options pour gérer les flux RSS.
    A avoir si vous suivez vos sites favoris avec les flux RSS.
    Lien : https://addons.mozilla.org/fr/firefox/addon/bamboo-feed-reader/

    Web Developer

    L’extension Web Developer ajoute divers outils de développeur web dans le navigateur.
    Lien : https://addons.mozilla.org/fr/firefox/addon/web-developer/

    Yslow

    YSlow analyse les pages Web et suggère des solutions pour améliorer leurs performances. Ces solutions sont basées sur un ensemble de bonnes pratiques (comme minifier les fichiers CSS ou JS).
    Lien : https://addons.mozilla.org/fr/firefox/addon/yslow/

    User Agent Switcher

    L’extension Switcher User Agent ajoute un menu et une barre d’outils pour changer l’agent utilisateur du navigateur.
    Lien : https://addons.mozilla.org/fr/firefox/addon/user-agent-switcher/

    LinkChecker

    vérifie la validité de tous les liens situés sur une page
    Lien : https://addons.mozilla.org/fr/firefox/addon/linkchecker/

    InFormEnter

    InFormEnter aide au remplissage de formulaires, ça peut être utile quand vous développez plusieurs formulaires et que vous devez entrez les données à chaque fois.
    Lien : https://addons.mozilla.org/fr/firefox/addon/informenter/

     

    Lesquels utilisez-vous ? Et à contrario, lesquels n’utilisez-vous pas ?
    Ou alors lesquels utilisez-vous que je n’ai pas mis dans ma liste ?

    N’hésitez pas à répondre dans les commentaires.

  • Snazzy Maps – jeux de couleur pour Google Maps

    Snazzy Maps – jeux de couleur pour Google Maps

    snazzy_mapDans un article précédent, j’avais fait un tutoriel vidéo expliquant comment créer une carte Google Maps personnalisée.

    Hier, en faisant ma veille, j’ai trouvé un site internet qui propose une collection de thème pour Google Maps. Ce site s’appelle Snazzy Maps.
    Ce site est assez récent car les styles les plus anciens date du 24 octobre 2013.

    Pour chaque thème, vous avez la possibilité de récupérer son style (à travers un code au format JSON).
    Je vous montre ci-dessous l’exemple de code de la carte intitulé « Red Alert »

    [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#ffdfa6"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#b52127"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#c5531b"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#74001b"},{"lightness":-10}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#da3c3c"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#74001b"}]},{"featureType":"road.arterial","elementType":"geometry.stroke","stylers":[{"color":"#da3c3c"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"#990c19"}]},{"elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"elementType":"labels.text.stroke","stylers":[{"color":"#74001b"},{"lightness":-8}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#6a0d10"},{"visibility":"on"}]},{"featureType":"administrative","elementType":"geometry","stylers":[{"color":"#ffdfa6"},{"weight":0.4}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]}]

    Et voici ce que cela donne avec Google Maps sur la région de New York City :

    red-alertSnazzy Maps est un site prometteur qui peut vous faire gagner du temps quand vous devez changer le style d’une carte. Il vous aidera à un moment ou à un autre.

  • Créer une carte Google Maps personnalisée

    Créer une carte Google Maps personnalisée

    Pour modifier les styles d’une carte Google Maps, il suffit d’un petit script JS et d’un outil créé par Google : le Google Maps API styled map Wizard.

    Nous pouvons personnalisé tous ce qui s’affiche sur la carte : les routes, l’eau, le texte (villes, des départements,…), les zones rurales, etc…
    Et nous pouvons les changer en terne de visibilité, de couleur, de brillance.Voici le tutoriel vidéo :
    Vous pourrez récupérer le script de ce tutoriel sur la page de téléchargement.