Hebdomadaire Shaarli

Tous les liens d'un semaine sur une page.

Semaine 01 (December 30, 2024)

1.2.Train - Billets de train SNCF

À tester pour acheter des billets de train

French startup bashing ?

Article très intéressant sur l'évolution financière du secteur de la tech

How to Set Up the New Google Auth in a React and Express App — SitePoint

Tout est dans le titre

New Front-End Features For Designers In 2025 — Smashing Magazine

Tout est dans le titre

WebAssembly as an ecosystem for programming languages

Tout est dans le titre

#2 div with button role - HTMHell

Tout est dans le titre

#5 button-like-link - HTMHell

Encore un exemple de utilisé comme bouton

#9 Cookie Consent from Hell - HTMHell

Comment écrire une "bonne" bannière d'acceptation des cookies

#10 <section> is no replacement for <div> - HTMHell

Exemple de mauvaise et de bonne structuration d'une section de page

#14 not my type - HTMHell

TLDR : si vous avez besoin d'un élément bouton, utilisez un élément bouton

Do Androids Dream of Microsoft Excel? - ShawnMc.Cool

Un article très intéressant dans lequel l'auteur compare 2 styles de développement (piloté par les données versus piloté par les besoins métiers), et leur relation avec l'automatisation possible ou non de process métiers.

#20 HTMHell special: close buttons - HTMHell

Comment ajouter un bouton "fermer" à une modale proprement

#22 the good ol’ div link - HTMHell

L'auteur explique pourquoi ne pas utiliser une div pour faire un lien

go-shiori/shiori: Simple bookmark manager built with Go

Tout est dans le titre

Web Performance Calendar » Designing websites for bad performance

Tout est dans le titre

#23 A card pattern - HTMHell

Tout est dans le titre

#24 A placeholder is not a label - HTMHell

Tout est dans le titre

#26 HTMHell special: tasty buttons - HTMHell

Une liste de bons et mauvais boutons pour des menus hamburger

datalists are more powerful than you think - HTMHell

J'ai hâte que la sélection de dates / de couleurs fonctionne dans Firefox :-)

#30 Bullet “list” - HTMHell

Utilisation correcte de li / ol / ul

#32 almost a proper close button - HTMHell

Bonnes pratiques d'accessibilité pour un bouton "fermer" avec un svg

Building Maintainable PHP Applications: Framework Decoupling vs Framework Coupling | Articles | Davor Minchorov

Tout est dans le titre

Integrate Neo4j With Symfony: A Step-by-Step Guide | by Ghlen Nagels | Neo4j Developer Blog | Dec, 2024 | Medium

Tout est dans le titre

Sidero Omni - Talos Linux sur Oracle Cloud (en free tier)

L'auteur a gagné un an d’abonnement au SaaS de Sidero Labs (les créateurs de Talos Linux), Omni. Omni est une solution de déploiement de clusters Kubernetes qui permet d’orchestrer des serveurs sous Talos, un Linux dédié à Kubernetes.
Comme Oracle Cloud propose un free tier et comme Talors / Omni supportent Oracle Cloud, l'auteur montre comment déployer Talos Linux sur Oracle Cloud.

#3 image-buttons - HTMHell

L'auteur montre comment utiliser des images dans des boutons

#6 link with void operator as href value - HTMHell

Très mauvais code : <a href="javascript:void(1)" onClick='window.location="index.html"'>Link</a>

#12 accessible poll yes/no - HTMHell

Comment utiliser proprement un input de type "radio"

#13 link or label - HTMHell

TLDR : ne pas mettre un lien dans un label

Comment fonctionnent les comprimés effervescents ? - Couleur-Science

Tout est dans le titre

#16 alt, no wait…, aria-label, no wait…, alt - HTMHell

Quand utiliser ou ne pas utiliser les attributs aria

#18 main divigation - HTMHell

Utilisation des bons éléments HTML pour la navigation d'un site

#21 Legendary legend! - HTMHell

L'auteur explique quand utiliser l'élément legend

Linux LPIC-1 (101-500) #2 – Edition de fichiers et ligne de commande – La fin des K7 📼

Tout est dans le titre

Web Performance Calendar » Fabulous Font-Face Fallbacks

Tout est dans le titre

Lifehacking - gérer et optimiser son temps - Pas Sage en Seine

Tout est dans le titre

#25 A link is a button is a link - HTMHell

Bonnes et mauvaises pratiques sur un lien contenant une image de bouton

Collection of insane and fun facts about SQLite - blag

Tout est dans le titre

#27 <a6> - HTMHell

L'auteur montre le mauvais usage de balises de titre h6 pour afficher une liste de liens... et il présente une meilleure façon de faire

#31 additional “assistance” - HTMHell

Bonnes pratiques d'accessibilité sur l'affichage d'informations supplémentaires pour les ancres

Managing Technical Debt - Jacob Kaplan-Moss

Tout est dans le titre

daisyUI — Tailwind CSS Components ( version 4 update is here )

Tout est dans le titre

Illégal d'être freelance ?

Un article intéressant sur le salariat déguisé, etc.

Maximum Speed SQLite Inserts | Julik Tarkhanov

Tout est dans le titre

Streaming de sa propre musique avec l’application Nextcloud Music | Pascal's weblog

Ça n'a pas été sans mal mais l'auteur nous explique comment corriger quelques soucis

#1 button disguised as a link - HTMHell

Tout est dans le titre

#4 link-also-button - HTMHell

Encore un exemple de utilisé comme bouton

#7 multiple duplicate ids and table layout - HTMHell

On n'utilise pas un table pour le design d'une interface... et les "id" sont uniques

#11 The trigram for heaven - HTMHell

<span class="nav-toggle"> ☰ Menu </span> est mauvais pour l'accessibilité. L'auteur explique comment résoudre ces problèmes

#15 letter by letter - HTMHell

Comment trouver un compromis entre accessibilité et effet visuel

Comparaison critique de systèmes d'invite de commande - LinuxFr.org

Tout est dans le titre

#17 inaccessible cards - HTMHell

Utilisation des bons éléments HTML pour créer une card accessible

#19 heading in the wrong direction - HTMHell

L'auteur montre un extrait de HTML avec une mauvaise utilisation de titre hX et des div inutiles. Il s'agit d'un code généré par un framework JavaScript. Or ceux ci fournissent généralement des mécanismes pour éviter d'avoir des éléments en trop (comme les fragments dans React)

Web Performance Calendar » Breaking Up with Long Tasks or: how I learned to group loops and wield the yield

Tout est dans le titre

225. Systems Ideas that Sound Good But Almost Never Work—"Let's just…"

Tout est dans le titre

Web Performance Calendar » Using DevTools to Validate Web Performance Improvements

Tout est dans le titre

#28 alert level 1 - HTMHell

Bonnes pratiques sur l'affichage de notifications

#29 Randomly grouping content - HTMHell

Bonnes pratiques sur la structuration du contenu HTML

#33 make me one (input) with everything - HTMHell

Bonnes pratiques pour l'accessibilité des champs input