Tous les billets de la catégorie « code »
-
7 min
S'amuser avec CSS
Une fois par an chez alwaysdata, l'équipe (full remote) se retrouve pour un séminaire d'une semaine, quelque part en France ou ailleurs, dont la destination est tenue secrète jusqu'au dernier moment par les organisateurs et souvent révélée via un petit jeu.
-
8 min
Comment déployer son site statique 11ty depuis Github vers alwaysdata
Utiliser un moteur de site statique c'est sympa, léger, économique mais la mise en ligne des dernières mises à jour finit souvent comme un processus manuel, parfois laborieux, souvent répétitif. Mais comme pour tout processus répétitif, on se sent mieux quand on automatise des choses.
-
7 min
Eleventy devant, Obsidian derrière
Depuis que je suis passé de Ghost à Eleventy quelque chose me manquait dans le processus de publication : la simplicité ! Il fallait que j'y remédie. Mais revenons un peu sur mon setup pour Eleventy.
-
14 min
Niepce, le kit pour portfolio statique
Depuis que j'ai refait ce blog en site statique avec Eleventy je suis tombé amoureux de cet outil et j'ai décidé de refaire aussi mon portfolio avec. Mais j'ai remarqué qu'il y avait peu ou pas de starter kit dans la communauté pour créer son portfolio. Alors je l'ai fait… pour moi d'abord et puis pour les autres ensuite.
-
10 min
Migrer de Ghost à 11ty
Après plusieurs années d'utilisation de Ghost comme CMS de ce blog ainsi que mon portfolio, j'ai décidé de migrer sur Eleventy. Ça n'a pas été super facile mais franchement pas très compliqué non plus.
-
6 min
J'ai bricolé un truc open-source
Je bosse vraiment dans le développement web depuis 2007 et j'ai jamais vraiment fait un projet open-source de A à Z qui serve à quelqu'un d'autre que moi depuis tout ce temps. Mais je crois que ce temps est révolu.
-
4 min
Faire du CSS dynamique avec JavaScript mais en mieux avec CSS custom properties
CSS c'est cool, JavaScript c'est cool. Mais mettre à jour du CSS avec du JS ça sous-entend de faire du CSS inline et ça c'est pas cool. Le truc c'est que JS ne sait pas vraiment faire autre chose que ça, à moins que…
-
22 min
SVG + CSS = ❤️
SVG est clairement un super format pour les illustrations sur le web. Mais ce qui en fait un encore meilleur format est le fait qu'il peut interagir avec CSS et ça c'est vraiment cool ! ❤️
-
2 min
Engagez-moi, rengagez-moi qu'ils disaient
Le dernier billet en date de ce blog fêtait mes deux ans chez Cozy. Je n'en ferai pas trois. Ça a été une aventure mémorable et malgré les aléas de la vie d'une startup j'en garderai un très bon souvenir.
-
3 min
J'ai eu tort…
Une vie sans apprendre sur soi ou sur ce qui nous entoure n'est pas vraiment une vie.
-
2 min
De la nécessité de la documentation
J'ai récemment été confronté à un soucis qui n'a rien de rare et qui emmerde tout nouvel arrivant sur un projet : l'absence de documentation.
-
15 min
ZNC + Bitlbee + Client IRC = MEGA WIN
Cela vous est-il déjà arrivé de vous dire qu'entre Gtalk (Hangout), IRC, le chat Facebook, Twitter, voire même Slack maintenant vous ne saviez plus où donner de la tête ?
-
4 min
Sur la formation de la plèbe
Vous savez quand on a un métier dont le savoir est en perpétuelle évolution, et c'est le cas du mien l'intégration web / le développement front-end, on a, pour peu que notre propre n'égo ne se sente pas pousser des ailes, l'immuable sensation d'être une sous-merde.
-
10 min
Pimp my shell pour les béotiens — Les meilleurs sont des flemmards (Partie 3)
Dans cette troisième partie, nous allons voir ensemble le pouvoir des commandes et leur options cachées ainsi que la toute puissance des aliases.
-
8 min
Pimp my shell pour les béotiens — Choose your weapons (Partie 2)
C'est là que commence la période la plus obscure de notre voyage, il va falloir toucher à des fichiers de config et coder un peu.
-
5 min
Pimp my shell pour les béotiens — Kamoulox ! (Partie 1)
Quand on fait dans le développement Front-end ou dans l'intégration web (chacun ses appellations, je ne rentrerai pas dans le débat), si l'on veut être efficace et rapide, il faut savoir utiliser de nombreux nouveaux outils (Sass, Compass, Grunt, Bundler, Bower, Gulp, etc).