Bonjour! Je suis Brice Coquereau, parisien, développeur, flexitarien, et amateur de chats. Je vais à des meetups assez souvent. Venez me parler sur Mastodon ou Twitter (mais Mastodon c'est mieux)

Toutes les lectures d'Internet

• AI Algorithms Need FDA-Style Drug Trials : Les médicaments sont testés en profondeur avant d’être mis sur le marché. Les algorithmes ? Pas du tout. Et pourtant ils sont utilisés partout, et peuvent modifier le comportement des gens, en les exposant à des contenus extrêmes ’parce que ça les fera rester sur notre site’, par exemple. Faut-il réguler les algorithmes comme des médicaments, du coup ?

• All you need to know about hyphenation in CSS : Comment gérer les hyphens automatiquemet en CSS, en fonction de la langue, et en contrôlant tous les paramètres.

• Nobody talks about the real reason to use Tabs over Spaces : Je n’ai jamais pensé à l’accessibilité dans le débat Tabs VS Spaces, mais ce post met en avant des éléments très pertinents dans l’accessibilité du TAB que n’ont pas les espaces.

• Floppycasts - 1.44MB Podcasts : Comment encoder une demi heure de contenu audio dans un fichier qui tient sur une disquette ? Le mp3 ne suffit pas !

• How do neural networks see depth? : On perçoit la 3D grâce à nos 2 yeux. Mais comment font les réseaux de neurones pour extraire cette information d’une seule image ?

• Zdog, pseudo-3D engine : Un moteur 3D pour visualiser des objets en drag & drop. La taille du code ? 2100 lignes seulement.

• Font-display : Super article sur le chargement et l’affichage des fonts customs par les navigateurs. Avec un exemple pour comprendre pourquoi les blocs de texte apparaissent d’un coup sur certains sites.

• HandUI : Des réflexions d’UI sur les interactions en VR

• CSSFX - Beautifully simple click-to-copy CSS effects : Une connection de snippets CSS pour créer simplement des très jolies animations sur des boutons.

• 10 HTML Elements You Didn't Know You Needed : A force de trop utiliser div et span partout, on oublie qu’il existe d’autres éléments HTML, plus évolués, qui peuvent bien nous aider dans notre monde responsive et multimédia.

• A JavaScript-Free Frontend : On parle souvent de perfs React ou Angular, mais on oublie que la meilleure des perf pourrait être… de ne pas les utiliser.

• GRID: A simple visual cheatsheet for CSS Grid Layout : Une cheatsheet très bien animée pour comprendre les différentes configurations possibles pour le grid layout en CSS

• Front-End Performance Checklist 2019 : Un article très complet et détaillé sur toutes les métriques et méthodes à utiliser pour améliorer la performance de son front

• Microsoft loses control over Windows Tiles : Désactiver un domaine sans couper le service qui appelle le domaine, c’est jamais une bonne idée

• Cryptography That Can’t Be Hacked : Intéressant, mais je le prends avec des pincettes: ils ont créé le langage qui permet de valider que la librairie est sécurisée. Mais qui valide que le langage est viable ?

• How IBM Watson Overpromised and Underdelivered on AI Health Care : 8 ans après l’annonce de Watson, un retour assez critique sur l’avancée de cette IA dans le monde médical. Efficacité très variable, produits peu simples à utiliser, l’IA sert de support, mais on est loin du robot docteur.

• Managing Z-Index In A Component-Based Web Application : Une explication claire de z-index, ainsi qu’une méthodologie solide pour une utilisation dans une application pleine de components

• 10 React Hooks you Should Have in Your Toolbox : Une liste de custom hooks prêts à être installés, et pouvant servir dans de nombreuses situations

• Awesome Design Tools : Une liste d’outils dédiés au monde du design (accessibilité, animations, icones, screenshots, etc etc)

• Web Component to generate PDF from OpenAPI Spec : Tout est dans le titre. Très bon outil à utiliser en plus de vos pages web d’API.

• Webmention rocks : Vous vous souvenez des ”trackback” ? C’est maintenant une spécification officielle du W3C, et ce site vous permettra de tester les différents comportements.

• 200 ko pour une appli moderne : 200 ko. Fast native desktop client for all major web services. C’est hallucinant. Cette personne a, au passage, crée un langage pour développer cette appli.

• Animating URLs with Javascript and Emojis : On pense souvent aux URLs comme quelque chose de figé. C’est faux, on peut jouer avec ! Des emojis, ou même une barre de progression dans l’URL, c’est possible, très simplement.

• The :lang pseudo-class : En 2019, je découvre encore des choses qui fonctionnent depuis IE7. Besoin de styler différemment selon la langue ? Utilisez :lang()

• Animated Mesh Lines : 5 magnifiques démos détaillées et commentées sur l’utilisation de THREE.MeshLine (une lib pour Three.js)

• event-stream vulnerability explained : Excellente analyse technique d’un détournement de package populaire pour cibler une application de Bitcoin

• NES-style CSS Framework 👾 ️ 8-bits ❤️ : Un magnifique framework CSS à la gloire du rétro <3

• Addy Osmani - Checklist pour un site performant : Addy Osmani (qui travaille sur Chrome chez Google) livre une checklist concise et précise de ce qu’il faut faire pour avoir une application web performante

• Awful AI : Une liste de projets assez glauques d’IA actuellement en production

• Start Performance Budgeting : De 10ko d’HTML il y a 10 ans, aux 5 Mo d’HTML/JS/CSS d’aujourd’hui, les pages web ont subi la malbouffe. Et si on se fixait des métriques sur nos builds ?

• Dragon Snake : Un magnifique serpent dragon en WebGL

• The Way We Talk About CSS : Avant, la CSS s’était compliqué. Et on continue à le penser. Mais aujourd’hui, ce n’est plus le cas, et Rachel Andrew nous le rappelle.

• Top Voting Machine Vendor Admits It Installed Remote-Access Software on Systems Sold to States : Tout système électronique sera hacké à un moment. Mais là, fournir un accès distant de base, c’est vraiment aider les pirates.

• The Best Explanation of JavaScript Reactivity : Une explication très claire et détaillée du fonctionnement des frameworks. C’est centré sur Vue, mais les autres fonctionnent globalement pareil

• Quand le bonheur au travail est dangereux pour la santé mentale : Un psychologue du travail clarifie le concept de bonheur au travail.

• Introducing the Single Element Pattern : Une explication claire, détaillée, et avec des exemples, de comment créer des composants React robustes.

• What you can expect from Node.js 10  : Node 10 sera une version LTS, il est temps de commencer à regarder ce qu’il y aura sous le capot!

• How to avoid async/await hell : Après le callback hell, voici venir l’async/await hell! Autant éviter les pièges tout de suite.

• Examples of everything new in ECMAScript 2016, 2017, and 2018 : Des exemples clairs des récentes fonctionnalités JS

• Unlearning toxic behaviors in a code review culture : Comment éviter les comportements négatifs, qui démoralisent les autres développeurs. On l’a tous fait un jour, mais le voir écrit permet de prendre du recul.

• Quelles technologies pour une société durable ? : Pourquoi la grande majorité des technologies “vertes” aggravent les problèmes écologiques et comment dépasser cet échec

• Is Houdini ready yet? : Comprendre comment s’applique la CSS sur une page, c’est la mission d’Houdini. Bientôt dans (tous) les navigateurs!

• Stunning hover effects with CSS variables : Rendre des boutons magnifiques avec 10 lignes de JS et une CSS moderne, c’est ultra-facile en fait!

• Event sourcing vs CRUD : On parle de plus en plus de l’event sourcing. Dans quels cas est-il plus pertinent qu’un CRUD?

• Maintaining code quality when nobody cares : Toutes les situations qui poussent à écrire du mauvais code, et comment les éviter, ou s’en extraire

• Googlebot’s Javascript random() function is deterministic : Une recherche très intéressante (et une utilisation) du fait que le GoogleBot implémente un random() fixé (et modifie le nombre de secondes par minutes)

• Project Things : Mozilla essaye d’ouvrir les portes du monde de l’IoT, qui étaient fermées depuis toujours, sans aucune interopérabilité possible.

• Stimulus 1.0: A modest JavaScript framework for the HTML you already have : Découverte du jour. Pour ajouter des fonctionnalités dans une page rendues côté serveur, je trouve le concept excellent. A tester!

• JS Paint : Nostalgique du MS Paint dans lequel vous avez dessiné pendant des heures? il est de retour, en full JS!

• CSS Spinners and Loaders : Des belles animations CSS, contenues dans une seule div!

• 30 seconds of code : Une collection de courtes fonctions Javascript pouvant être utilisées sur tous les projets

• CSS PREprocessors : Comparatif très complet des principaux préprocesseurs CSS

• await vs return vs return await : Une rapide mais excellente explication des différences entre await et return. Attention aux potentiels bugs!

• WebAssembly Now Supported across All Browsers : WebAssembly est supporté sur tous les navigateurs (moderne)! Le web rentre dans une nouvelle ère de partage de code, où du Rust pourra échanger des données avec du Python, sans soucis!

• How to use Git hooks to version control Excel VBA Code : Git sert à archiver du code, majoritairement. Et on peut même s’en servir pour archiver du code VBA dans Excel!

• CSS Specificity Calculator : Vous ne comprenez pas pourquoi votre règle CSS A ne replace pas la règle B. Cet outil vous permet de calculer et comparer la priorité de 2 règles.

• Certbot : Envie de mettre de l’HTTPS sur votre site, mais vous savez pas trop comment faire? L’EFF est là pour vous aider, à l’aide de Certbot!

• InfiniTown : Une ville low poly et infinie, en WebGL.

• Browserl.ist : Un outil très simple pour tester sa configuration browserlist, et visualiser les navigateurs qui seront inclus par nos règles.

• «Il faut plus d’intelligence artificielle, pas moins» : Très bonne interview de Yann LeCun, un des inventeurs du deep learning, au sujet du futur de l’IA et comment corriger les problèmes de biais qui pourraient poser de sérieux problèmes dans le cas d’une IA d’aide à la décision.

• Microsoft Appears to Have Lost the Source Code of an Office Component : Comment patcher un plugin Office quand on ne peut plus le compiler? Patcher le binaire!

• Am I unique? : L’IP est une donnée d’identification. Mais sans IP, est-il possible de nous identifier?

• Self-Defence in the Age of Attention : On parle de plus en plus des applications qui veulent capter notre attention à tout prix. Cet article résume les différentes méthodes pour éviter de se faire voler notre temps précieux.

• Optimal pull request size : On dit toujours qu’une bonne pull request doit être petite, mais petite comment?

• Coopcycle : Interview de CoopCycle par Framasoft. Comment contrer Uber quand même les pouvoirs politiques renoncent.

• Devhints.io : Super site regroupant de nombreuses cheatsheets, avec du Web, de l’Ansible, du Docker, du Ledger… Bref, beaaauuucoup de choses!

• Number-precision : Une librairie JS pour de 1k pour faire des opérations précises avec des floats en Javascript.

• Prevent Feature Creep and Bad Product Requests : Un article assez sympa sur les bonnes raisons de dire non aux incessantes demandes de features.

• Keeping an eye on the dashboard : Un dashboard simplifie l’information, mais il peut aussi cacher une partie de la vérité.

• Stop breaking the web : Une discussion intéressante sur la déviance du web vers de moins en moins d’universalité.

• Why do we fix bugs? : @miguelitinho décrypte notre motivation à corriger les bugs. Faire plaisir au chef? Faire plaisir aux utilisateurs? Non…

• The True Purpose of Microsoft Solitaire, Minesweeper, and FreeCell : La gamification existait déjà en 1990!

• The Simple Health Plan : Un résumé simple de comment bien manger