Quotidien Shaarli
August 16, 2025
L'auteur explore dans son article les valeurs méconnues de l’attribut href
des liens HTML. Par exemple, href="#"
fait défiler vers le haut (sauf si un élément id="top"
existe), tandis que href=""
recharge la page en gardant les paramètres de recherche mais supprime le fragment. Avec href="."
, la page est rechargée en supprimant à la fois les paramètres et le fragment, mais attention à la structure de l’URL pour éviter des comportements inattendus. href="?"
efface les paramètres et le fragment, mais conserve le ?
. On peut aussi utiliser href="data:"
pour créer des liens vers des données encodées directement dans l’URL, ou href="video.mp4#t=10,20"
pour cibler une plage temporelle dans un média. L’article rappelle aussi l’existence des protocoles comme mailto:
ou tel:
, ainsi que les fragments de texte (#:~:text=foo
). Une lecture utile pour exploiter pleinement les possibilités des liens en HTML.
L’IA est un outil puissant pour accélérer et optimiser le développement, pas pour remplacer les devs. L’article illustre comment intégrer l’IA à chaque étape d’un projet (ex. : un site de location de voitures) : planification (génération de briefs et wireframes en quelques minutes), design (création d’interfaces et de code HTML/CSS via des outils comme v0.dev), boilerplate (conversion rapide en React/TypeScript avec des prompts précis), et amélioration (refactoring collaboratif pour rendre le code scalable et propre). L’IA automatise les tâches répétitives (recherche, design, code basique), mais c’est au développeur de superviser, architecturer et corriger les imperfections (logique métier, réutilisabilité). L’enjeu ? Travailler plus intelligemment, en utilisant l’IA comme un "pair programmer" pour se concentrer sur les défis complexes (architecture, UX, performance). À condition de rester critique : l’IA génère du code, mais c’est à vous d’en garantir la qualité et l’éthique. "Un dev qui maîtrise l’IA aura toujours un avantage."
Il s'agit d'une liste organisée de commandes slash, de fichiers CLAUDE.md, d'outils CLI, d'autres ressources et guides pour améliorer votre flux de travailavec Claude Code. Claude Code est un assistant de codage et un agent de pointe basé sur CLI auquel vous pouvez accéder dans votre terminal ou IDE. C'est un outil en évolution rapide qui offre un certain nombre de capacités puissantes, et permet de beaucoup de configuration, de nombreuses manières différentes.
L’article explore l’utilisation de Claude Code, un outil basé sur des modèles de langage avancés, pour développer des applications complètes en "vibe coding" — une méthode où l’on crée du logiciel presque exclusivement en dialoguant avec une IA, sans éditer manuellement le code. L’auteur illustre cette approche en générant un clone simplifié de Splitwise en une seule requête, montrant comment une spécification claire et concise (comme un fichier SPEC.md) permet d’obtenir une application fonctionnelle en PHP, sans framework ni dépendances lourdes, contrairement à une version JavaScript surchargée et dysfonctionnelle. Il souligne l’importance de la qualité de l’input et de la simplicité technique pour maximiser l’efficacité de l’IA. L’article va plus loin en décrivant des expériences d’automatisation poussée : création d’une startup autonome sur un VPS, migration d’un projet Laravel en production, et développement rapide de petits outils (plugin HackerNews, générateur de posters, renommage de fichiers bancaires). Malgré des limites (incohérences, blocages par les politiques d’usage), l’auteur souligne le potentiel révolutionnaire de ces outils pour accélérer le développement, réduire la charge mentale et rendre la création logicielle accessible à tous, tout en rappelant que l’IA reste un "calculateur de mots" nécessitant une supervision humaine pour les tâches complexes ou créatives.
L’attribut HTML hidden="until-found"
permet de masquer du contenu tout en le rendant accessible via la recherche dans la page (Ctrl+F
). Contrairement à display: none
ou visibility: hidden
, il utilise content-visibility: hidden
en interne, ce qui cache visuellement le contenu sans l’exclure des résultats de recherche. Utile pour des cas comme des accordéons ou des sections cachées, il est déjà supporté par Chrome, Firefox et bientôt Safari. Une alternative à <details>
pour des contenus masqués mais "trouvables", avec des polyfills possibles via le Shadow DOM en attendant une adoption universelle. Une future pseudo-classe ::search-text
pourrait même permettre de styliser les correspondances de recherche.
Pourquoi les super-riches sont inévitables explique, via le "Yard-sale model" (modèle de la vente de garage), comment une économie de marché libre, même avec des échanges équitables et aléatoires, finit par concentrer la richesse entre les mains d’une infime minorité. À travers une simulation de jeux de pile ou face où chaque joueur mise un pourcentage fixe de sa fortune, on observe que les perdants perdent progressivement leur capacité à regagner ce qu’ils ont perdu, tandis que les gagnants accumulent toujours plus. Résultat : sans redistribution, un seul individu finit par posséder presque toute la richesse, purement par effet mécanique et chance. Le modèle, issu de l’éconophysique, illustre ainsi comment l’inégalité économique peut émerger naturellement, et suggère que seule une redistribution (comme les impôts) peut limiter ce phénomène. Une réflexion frappante sur les limites du "mérite" et les dynamiques structurelles de l’inégalité.