Derniers articles

  • 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

  • Qu'est-ce qu'une infrastructure cloud ?

    C’est un terme à la mode : le cloud est partout, tout le monde (ou presque) y passe… mais qu’est-ce que c’est ? Quels sont les avantages et inconvénients à y passer ? Est-ce vraiment plus cher ou moins cher qu’un hébergement standard ? Faut-il adapter son application ?

    Publié le dans Infrastructure

    Aucun commentaire

  • Et si je faisais autre chose que du Web ?

    Après avoir quitté l’entreprise dans laquelle j’étais salarié il y a quelques semaines, et ne sachant pas trop comment m’occuper chez moi en attendant de retrouver un projet, j’ai eu l’idée de changer l’aménagement de mon salon (qui fait aussi office de bureau depuis 8 ans que j’ai emménagé).

    Publié le dans Perso

    Aucun commentaire

  • Monter un VPN sur AWS (avec Terraform)

    Vous avez besoin de communiquer avec un serveur sur un autre réseau, via un tunnel chiffré, depuis votre infra AWS gérée avec Terraform ? J’ai peut-être bien une solution pour vous !

    Publié le dans Infrastructure, 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

  • À la découverte de Terraform

    J’ai récemment proposé à un client pour qui j’avais mis en place une infrastructure complète sur AWS d’en simplifier la gestion grâce à Terraform. L’objectif étant de tout centraliser dans des fichiers de configuration communs, plutôt que de gérer à la main en ayant des connaissances éparpillées.

    Publié le dans Infrastructure, Outillage

    Aucun commentaire

  • Optimiser les images téléversées avec Laravel

    Après un premier article plein d’images où j’ai dû optimiser les images à la main en local avec ImageOptim pour les remettre sur le serveur ensuite, j’ai cherché comment réduire la taille des fichiers de façon automatique, notamment lorsque j’édite un article.

    Publié le dans Back-end, Outillage

    Aucun commentaire

  • 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

  • Je suis un artisan du Web

    En 2014 j’avais rédigé un article qui commençait pas cette citation : « Je suis un peu comme un artisan : je vais pas sortir la toupie et la grue pour couler l’équivalent d’une brouette de béton pour faire 3 marches ». Sept ans plus tard, qu’est-ce qui a changé ? Est-ce que je me considère encore comme un artisan ?

    Publié le dans Gestion de projet, Veille, Outillage

    Un commentaire

  • Construire un bon MVP rapidement

    Une des premières choses que les entrepreneurs doivent faire pour lancer une startup est de construire une version fonctionnelle basique de leur produit/site/application à montrer à leurs investisseurs (voire quelques premiers utilisateurs). Le MVP doit souvent être mis en place rapidement, sans (trop) sacrifier la qualité. Ayant déjà travaillé sur quelques MVP, j’ai pu relever quelques astuces qui peuvent vous aider à lancer votre projet rapidement.

    Publié le dans Gestion de projet, Outillage

    Aucun commentaire

  • Utiliser le DOM pour générer un sommaire en PHP

    Imaginez : vous avez créé un site vous permettant d’écrire des pages à la volée, par exemple via un parseur MarkDown (ou BBCode si vous avez de la bouteille) ou via un éditeur WYSIWYG, mais vous voulez générer automatiquement des sommaires pour faciliter la navigation de vos utilisateurs.

    Publié le dans Back-end

    Aucun commentaire

  • Les publicités Instagram illégales

    Depuis quelque temps je vois de plus en plus de publicités illégales sur Instagram, et malgré des signalements quasi-automatiques rien ne semble changer. Certains signalements ne donnent même jamais de suite, ou prennent plusieurs mois à être traités, les arnaques continuant ainsi à tourner… et à rapporter. Je vous expose donc ici quelques produits et techniques utilisées.

    Publié le dans Veille

    Aucun commentaire

  • Intégrer ZMarkdown à Laravel avec Ansible

    Le support MarkDown par défaut de Laravel étant assez limité et postant régulièrement sur Zeste de Savoir, j’ai mis en place ZMarkdown sur les articles pour intégrer plus de fonctionnalités. Tout ayant été automatisé via Ansible, la maintenance est très minime.

    Publié le dans Infrastructure, Back-end

    Aucun commentaire

  • Les scopes locaux dans Laravel/Eloquent

    Créer un blog dans Laravel est assez facile grâce aux outils intégrés au framework. L’un d’eux s’est d’ailleurs montré très pratique pour gérer par exemple les états des articles et commentaires, ou les catégories à afficher…

    Publié le dans Back-end

    Aucun commentaire

  • Découverte d'Ansible par un nul

    À l’occasion de la refonte de ce site/portfolio/blog je suis passé de GitHub Pages à un VPS… il a donc fallu configurer le serveur et automatiser le déploiement du code. Comme il s’agit d’un petit projet et que les enjeux sont assez faibles, c’était l’occasion parfaite pour découvrir Ansible !

    Publié le dans Infrastructure, Outillage

    2 commentaires