Derniers articles

  • Projet open source: Adm'in.2

    Projet lancé en 2015 pour répondre à la fois à mes propres besoins et à ceux d’un projet client, j’ai créé un ensemble de composants visuels et fonctionnels simples (avec du CSS et un peu de JS) permettant de mettre en place un panneau d’administration rapidement et simplement.

    Publié le dans Front-end, Projets

    Aucun commentaire

  • Faciliter la navigation au clavier avec :focus, outline et box-shadow

    Beaucoup de sites utilisent les mêmes styles au survol avec une souris (via :hover) que lors de la navigation au clavier (via :focus).

    Or cela n’a pas le même impact et ne répond pas au même besoin :

    • En naviguant avec une souris, l’utilisateur sait où est son pointeur et cherche à confirmer qu’un élément est réactif grâce aux styles du :hover
    • En naviguant au clavier l’utilisateur cherche plutôt à aller au prochain élément réactif sans forcément savoir où celui-ci se trouve.

    Il faut donc rendre le :focus facile à localiser pour l’utilisateur.

    Publié le dans Front-end, Webdesign

    Aucun commentaire

  • Mes supports de formation gratuits

    Depuis 2014 j’ai été amené à animer des formations sur différents sujets, auprès de professionnels en reconversion, d’étudiants en DUT ou d’équipes qui souhaitaient se perfectionner ou découvrir un nouvel outil. Et si je partageais mes supports avec le plus grand nombre ?

    Publié le dans Front-end, Projets, Back-end, Outillage

    Aucun commentaire

  • Les promesses en JavaScript

    Si vous avez suivi les nouveautés de la norme EcmaScript 6 — plus communément appelée ES6 ou ES2015 — vous savez sans doute qu’un ajout non négligeable a été fait au sein du langage JavaScript : les promesses (Promise pour les intimes).

    Publié le dans Front-end, Back-end

    Aucun commentaire

  • Apprendre le JavaScript moderne, partie 4 : construire la todo-list

    Maintenant que vous maîtrisez le JavaScript moderne, voyons comment construire une application front rapidement !

    Publié le dans Front-end

    Aucun commentaire

  • Apprendre le JavaScript moderne, partie 3 : les événements

    Il existe en JavaScript des événements natifs, qui permettent de détecter des actions sur les éléments du DOM comme le clic, le mouvement de la souris ou le scroll… mais saviez-vous que vous pouvez aussi définir vos propres événements ?

    Publié le dans Front-end

    Aucun commentaire

  • Apprendre le JavaScript moderne, partie 2 : les Web Components

    Saviez-vous que vous pouviez créer vos propres balises HTML ? Vous n’êtes pas limité.e à celles disponibles dans la norme HTML5, vous pouvez créer vos propres composants avec un peu de JavaScript !

    Publié le dans Front-end

    2 commentaires

  • Apprendre le JavaScript moderne, partie 1 : la syntaxe

    Vous êtes perdu.e parmi les frameworks front à la mode mais vous voulez garder votre code léger et éviter de dépendre d’un tas de fonctions obscures ?
    Vous avez créé vos premières pages Web statiques et vous voudriez les rendre plus dynamiques, pour interagir avec l’utilisateur pour facilement ?

    Publié le dans Front-end

    2 commentaires

  • Des graphiques simples en SVG

    Utilisant Matomo pour avoir des statistiques (complètement anonymisées) de visites sur mon site/blog, j’avais envie d’afficher quelques graphiques et infos sur mon tableau de bord sans avoir besoin de visiter l’interface Matomo.

    Publié le dans Front-end, Back-end

    Aucun commentaire

  • Comment je suis devenu webdesigner sans talent

    N’étant pas designer pour un sou (après tout je suis développeur, je produis donc plus facilement du code lisible que des designs jolis), j’ai tenté l’aventure de concevoir le design de mon propre site de A à Z. Je partage donc quelques astuces qui m’ont aidé à avoir un résultat (je trouve) plutôt correct…

    Publié le dans Front-end, Webdesign

    3 commentaires