Bastien Calou

Développeur front-end

Bienvenue ! Depuis 2014, je développe des sites et design systems :

  • Résilients grâce aux standards du web et à l'amélioration progressive ;
  • Accessibles à toutes et à tous, dans des contextes de navigation variés ;
  • Performants en trouvant les solutions les plus mesurées pour chaque projet.

J'enseigne le développement web à l'IUT d'Angoulême et au Cnam-Enjmin.

Mes derniers articles

    1. Comment j’ai cassé la prod avec un innocent sélecteur CSS

      Sur mon ordi, ça fonctionnait, je vous jure... Mais il ne faut pas confondre un sélecteur CSS et un sélecteur CSS utilisé par JavaScript.

    2. Ciao, X !

      De Twitter à Mastodon : le post obligatoire en cas de migration.

    3. De l’aléatoire en CSS, c’est possible ! Enfin, presque...

      Sauf à vouloir s’aventurer en eaux troubles, JavaScript est plus indiqué... Mais pour combien de temps ?

  1. 2023
    1. « Toxic Data » : la menace de l’intermédiation algorithmique

      Comment les diverses plateformes que nous utilisons ont entrepris de modeler nos relations à autrui, favorisant repli sur soi, polarisation et complotisme.

  2. 2022
    1. Connaît-on vraiment CSS lorsqu’on utilise un framework CSS ?

      D’après ces données, celles et ceux ayant essayé puis abandonné Bootstrap ou Tailwind auraient la meilleure connaissance du CSS natif.

    2. Paris Web 2022 — Jour 2, le récap !

      Suite et fin de cette rétrospective, avec 8 autres conférences de grande qualité.

    3. Paris Web 2022 — Jour 1, le récap !

      Retour sur les 8 conférences auxquelles j’ai pu assister lors la première journée de cet événement savamment orchestré.

    4. Une musique de jeu évolutive grâce à JavaScript

      Comment JavaScript transforme une simple boucle de 4 accords en musique réactive aux événements d’une partie.

    5. L’ère du no-hacks CSS

      Propagez la nouvelle : en 2022, le CSS bricolé, c’est de l’histoire ancienne.

  3. 2021
    1. Calculs CSS infernaux à partir de données physiques

      La puissance de CSS pour des effets adaptatifs... au prix d’une complexité peu digeste.

    2. Optimisation agressive des performances d’un site statique

      Gestion des tailles et formats d’images, lazy-loading, CSS critique inline… tout est bon pour une optimisation maximale.

    3. Eleventy — Pour un web simple, performant et accessible

      Grâce au pre-rendering, Eleventy génère à l’avance un contenu statique, offrant ainsi de grands avantages sur une Single-Page App.

  4. 2020
    1. Que se passe-t-il lorsque vous écrivez un sélecteur CSS invalide ?

      Pourquoi CSS ignore la totalité d’une règle dont seule une partie est invalide, et comment éviter ce piège.

    2. Flexbox : les marges négatives à la rescousse

      Habituellement évitées, les marges négatives permettent de résoudre le problème de l’espacement entre les enfants d’un conteneur flex.

    3. HTML n’est pas un langage de programmation et c’est sa plus grande qualité

      La permissivité de ce langage déclaratif, beaucoup plus riche qu’il n’y paraît, masque une robustesse très précieuse pour nos pages web.

    4. Pourquoi vous devriez toujours déclarer une background-color

      Le fond d’un site par défaut n’est pas blanc mais transparent, et cela peut impacter le rendu de la page dans certains contextes.

    5. Le problème avec Chrome, les iframes et mix-blend-mode

      Enquête sur un bug obscur de Chrome, empêchant l’utilisation de la propriété de fusion de calques au sein d’une iframe.

    6. Quelle est la couleur d’une page blanche ?

      Derrière le body et l’élément html se trouve le « canvas », composant élémentaire mais méconnu de nos chères pages web.

  5. 2019
    1. Je ne suis pas « artisan développeur »

      Pourquoi cette approche tout à fait louable me semble un peu masquer la misère.

    2. Layout CSS : empêchez les frameworks d’englober vos composants

      L’astuce des marges automatiques offre une grande flexibilité dans le cadre d’un composant flex.

Voir toutes les catégories.