Étiquette : snippet - page 1/2

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 !

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.

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.