Qu'est-ce qu'on peut trouver ici ?
Des réflexions aussi personnelles qu'inutiles, mais surtout des propositions complètes et accessibles pour des petits quotidiens en développement web.
Aucune solution parfaite, juste des idées à adapter…
Implémentation PHP d'une méthode de troncature intelligente qui gère automatiquement les langues RTL (arabe, hébreu), les systèmes d'écriture sans espaces (chinois, japonais, thaï) et garantit l'accessibilité pour les lecteurs d'écran.
FootnoteManager : composant JavaScript léger qui automatise la création de liens entre références et notes de bas de page.
Gestion dynamique du contenu, accessibilité ARIA native et support i18n inclus.
Le composant JavaScript qui tronque tes contenus longs sans faire saigner les yeux des utilisateurs, tout en faisant plaisir aux lecteurs d'écran en respectant les standards d'accessibilité WCAG et le SEO.
Oui, c'est possible.
La galerie de photos modale est un composant incontournable pour afficher des images en grand format sur un site web.
Beaucoup de solutions existantes négligent l'accessibilité ou nécessitent des dépendances externes lourdes.
Pourquoi les tests de performances Ligthouse doivent être interprétés avec beaucoup de précautions ?
Pour ne pas paniquer, pardi !
Bloquez les bots indésirables et crawlers IA par htaccess : filtrage par User-Agent, plages IP et directive SetEnvIfNoCase pour Apache 2.2 et 2.4+.
C'est simple, mais il faut bien y réfléchir…
Mettre un peu de fun sur son site, oui ! Mais pas au détriment de l'accessibilité et de la performance.
Performance de chargement d'une page web en utilisant la propriété CSS content-visibility et l'API IntersectionObserver.
Comment faciliter la navigation sur un site internet ou une application avec des raccourcis ?
En utilisant l'attribut `aria-keyshortcuts`.
L'API popover peut permettre de gérer facilement les bulles d'aide fréquement utilisées.
Tout en restant accessibles à la navigation clavier.
Certaines propriétés CSS ne sont utilisables que sur certains navigateurs. La détection du « user agent » peut être utile pour gérer finement l'interface.
Comment animer l'ouverture et la fermeture d'une balise `details` sans utiliser Javascript ?
Mettre en forme des variantes de CTA, boutons et liens, avec ou sans icônes.
Particulièrement en environnement multi-sites, en abusant des variables CSS.
Sérieusement… Imprimer une page web ?
Un peu de santé pour la planète, s'il vous plait.
