System Fonts in CSS (en) : Un court historique du nom de police générique system-ui dont le support par les navigateurs est grandissant. React v16.3.0: New lifecycles and context API (en) : Impossible de passer à côté de la nouvelle version de React ... more
LinkedIn Lite: A Lightweight Mobile Web Experience (en) : Pourquoi et comment LinkedIn a créé LinkedIn Lite. Il est amusant de constater que pour optimiser cette application pour mobile notamment en Indes, ils finissent avec une application web assez ... more
Testing par Nick Youngson sous licence CC by-sa 3.0 Dans mon nouveau travail, un de mes sujets du moment concerne l'amélioration de la stratégie de tests. C'est un sujet qui me tient à cœur, en particulier parce qu'avec les années j'ai appris qu'une ... more
La dette technique tue les grenouilles (fr) : Excellent article sur la dette technique et sur divers effets de celle-ci notamment sur les développeurs (ou les grenouilles :)) Que se passe-t-il quand vous appuyez sur lecture dans Netflix ? (fr) : Pas ... more
Compressing served files is a very usual trick to increase the loading performance of a website. The principle, defined in HTTP 1.1, is quite simple: when requesting a file, the browser announces the encoding it accepts in the Accept-Encoding header ... more
How To Build A Notification That You Won’t Hate (en) : Ampoule à LED "connectée" + Azure Logic Apps + quelques lignes de JavaScript + Azure Logic Apps = des notifications Twitter avec une lampe :-) New in Symfony 4.1: Fastest PHP Router (en) ... more
Déployer cache-control: immutable avec du cache-busting (fr) : Mise en place de l'entête HTTP Cache-Control: immutable et du cache-busting qui permet d'aller encore plus loin en terme de performance que la simple expiration. Web Performance Optimisation ... more
8 Key React Component Decisions (en) : Au delà des 8 choix techniques, cet article donne un panorama de comment les projets React sont généralement organisés avec en plus quelques rappels historiques sur l'évolution de React lui-même. How we improved ... more
Deep-copying in JavaScript (en) : Comment dupliquer un objet en JavaScript ? La question est simple, la réponse l'est beaucoup moins! Utiliser les API du navigateur comme History , il fallait déjà y penser. How to write a HOC (in 3 easy steps) (en) : ... more
I've been using vim (and now neovim (fr)) for more than 15 years and I still discover new tricks regularly. This post is about one of those about vim's gf command. This command allows the user to open the file whose path is under the cursor. I guess ... more
Polymer 3.0: New Year, New Preview (en) : Polymer 3.0 approche à grand pas. Le principal changement sera l'abandon des HTML imports et de bower au profit des modules JavaScript et de npm. Keep webpack Fast: A Field Guide for Better Build Performance ... more
17 Tips for Using Composer Efficiently (en) : En fait 20 trucs intéressants avec composer. La parallèlisation des installations avec le plugin prestissimo mérite d'être testé. The end of Silex (en) : la fin de vie (maintenance) de Silex est prévu pour ... more
Comment différer l'exécution d'un script ? (fr) : Plusieurs techniques complémentaires pour éviter qu'une balise <script> ne bloque le rendu d'une page. Chrome is turning into the new Internet Explorer 6 (en) : avec une différence majeure quand ... more
Entre 2 doses de paracétamol pour cause de grippe, j'essaie de commencer une veille techno régulière notamment sur JavaScript, PHP, CSS, l'accessibilité ou les performances. Cette veille commence donc avec des publications qui pour la plupart datent ... more
Yesterday I published the very first version of metalsmith-pdfize on npm (and of course on Github as well). As its name suggests, it is a Metalsmith plugin to generate PDF files as part of the build process (Metalsmith is among other things a static ... more
eZ Platform 16.02 was released last week. As far as I'm concerned, I did quite some changes mostly in Online Editor (the rich text editor) to improve the handling of embeds and images in RichText fields. And I'm happy to see my I can haz aligned image ... more
Polymer is a library (developped by Google) to ease the creation of components or more precisely of Web Components. I really like the idea of being able to build my own element in a standard way and to use it in a web page like any other HTML element. ... more
It's not really possible to properly embed a video in a Github comment, pull request or issue like it's possible for images for instance. So if you want to put a video in a Github pull request (I do that quite often), you have to upload it to a video ... more
And here is another version of this blog! As usual, it's a good opportunity to experiment recent or interesting technologies and to apply new good practices in a different context than at my daily job at eZ Systems. The fundamental change this time is ... more