Carrousel accessible v2
Le temps était venu de moderniser ce composant JavaScript, même si son utilité reste toujours discutable !
Étiquette : snippet - page 1/1
Créer un Spinner accessible
Mise à jour. Le spinner, animation quasi indispensable de l'expérience utilisateur, n'échappe pas à une conformité à l'accessibilité. Le mouvement créé doit respecter le Critère 13.17 du Référentiel Général d'Accessibilité pour les Administrations.
Gestion des icônes SVG en JSON
Comment créer et maintenir un set d'icônes SVG de manière efficace sans passer par de fastidieuses modifications au moindre changement.
CSS grid : centrez-les tous
Petit exercice de style avec CSS grid : peut-on centrer tous les éléments orphelins d'une grille en responsive ? Oui, mais c'est compliqué !
Un carrousel accessible et responsive en Vanilla JS
Travaux d'accessibilité et dispositifs ARIA sur l'un des composants JavaScript les plus utilisés sur les sites web : le carrousel !
MySQL : remplacer les tables de liaison par des données JSON
Les tables de liaisons sont régulièrement utilisées pour relier plusieurs tables, entres-elles - en utilisant le format JSON, on économise une table et on simplifie les requêtes.
Intégrer une carte OpenStreetMap sur un site internet
Intégrer OpenStreetMap pour se passer de Google Maps et de ses cookies !
MySQL : UNION ALL pour une recherche unique sur plusieurs tables
Une requête SQL pour les rechercher tous !
Données JSON-LD pour les fiches produits WooCommerce
WooCommerce intègre en natif les Microdonnées dans les fiches produits, mais si vous souhaitez utiliser le format JSON-LD, voici un petit snippet.
Les en-têtes de tableaux en Responsive Design
Les tableaux ne sont pas morts et sont même toujours très utiles. Ainsi, pour améliorer la lisibilité et l'expérience utilisateur sur mobile, il est important de faire correspondre les en-têtes et les données. Petite expérience avec deux méthodes.
Protégez vos adresses mail avec WordPress
WordPress propose en natif, une fonction antispam pour les e-mail, il s'agit de antispambot. Pour l'utiliser dans les articles ou les pages, il faut user des fameux shortcodes [...]
La balise object et Safari
Le comportement de la balise object sous Safari est assez étrange (on appelle ça un bug) : si aucune dimension n'est spécifiée, le navigateur utilise des dimensions prédéfinies. C'est [...]