Blog – Webdesign, WordPress & accessibilité

Notes, ressources, astuces et expérimentations, principalement à propos de design front-end et d'accessibilité.

  • Design, HTML / CSS

    Des effets de textes simples et jolis en CSS

    Cinq effets CSS compatibles avec tous les navigateurs modernes, pour apporter une touche de fun à un titre ou un court paragraphe de texte.

  • Gros plan sur deux pages du roman "Délivrez-moi !" de Jasper Fforde. Les notes de bas de page servent de procédé naratif, les personnages les utilisent pour communiquer entre eux.

    Accessibilité, WordPress

    Ajouter des notes de bas de page dans WordPress

    Les notes de bas de page, c'est bien utile lorsqu'on souhaite sourcer un article ou apporter des précisions à un texte. Si vous avez déjà voulu en ajouter dans le contenu de votre site WordPress, vous savez que c'était possible uniquement à l'aide d'un plugin. Bonne nouvelle: depuis la dernière version du CMS, une solution plus simple existe.

  • Accessibilité

    Accessibilité sur les réseaux sociaux: faux gras et typographies fantaisistes

    Sur Instagram ou LinkedIn, on voit très souvent des textes rédigés avec des caractères spéciaux qui imitent du gras, de l'italique ou des typographies fantaisistes. Il ne s'agit toutefois pas de vraies lettres, ce qui rend ces textes inaccessibles pour les personnes aveugles et malvoyantes.

  • Page d'accueil de mon site, affichée sur un écran d'ordinateur portable. À côté se trouvent un bocal de feutres et de crayons, une plante, une tasse de café et un carnet ouvert.

    Études de cas

    Mon nouveau site: réflexions, accessibilité, éco-conception

    En mars 2023, j'ai mis en ligne mon nouveau site web, dont la version précédente datait de 10 ans. Il s'agissait de l'aboutissement d'un travail de plusieurs mois, dont j'ai eu envie de détailler certains aspects.

  • Design, Outils & logiciels

    Comment créer un texte dégradé dans Adobe XD

    Une astuce rapide pour appliquer un dégradé en guise de couleur de texte dans Adobe XD, sans perdre la possibilité de modifier le texte.

  • Accessibilité, HTML / CSS

    Un div n’est pas un bouton

    Les boutons, comme les liens, sont des éléments essentiels d’un site, qui permettent aux internautes d’interagir avec le contenu. Malheureusement, ils sont souvent codés avec les mauvaises balises HTML, ce qui peut causer de graves problèmes d'accessibilité. Nous allons voir comment éviter ça.

  • Études de cas

    Refonte du site de Sophie Sciboz

    En décembre 2021, j'ai été contactée par l'artiste yverdonnoise Sophie Sciboz, qui souhaitait à la fois moderniser visuellement son site et simplifier la gestion du contenu. Voici quelques mots à propos de ce projet sur lequel j'ai beaucoup aimé travailler.

  • Chat roux couché à côté de l'iPad sur lequel je suis en train de mettre au propre une sketchnote.

    Outils & logiciels

    Prise de notes visuelles avec Procreate

    Lors de la dernière édition de la SmashingConf, j'ai décidé de m'essayer aux sketchnotes, une méthode de prise de notes qui combine des notes manuscrites, des pictogrammes et des petits croquis.

  • Les drapeaux de la SmashingConf flottent sur la façade du Historisches Kaufhaus de Freiburg.

    Accessibilité, Conférences, HTML / CSS

    SmashingConf Freiburg 2022

    En septembre dernier, j'ai assisté depuis chez moi à la dixième édition de la SmashingConf de Freiburg, dans le sud de l'Allemagne. Retours et notes sur mes conférences coup de cœur de ce très chouette événement.