Articles
-
Intermédiaire Accessibilité HTML CSS React Frontend UXFormulaires accessibles : concevoir des interfaces web vraiment utilisables
Un formulaire accessible n’est pas seulement conforme : il est plus clair, plus robuste et plus agréable à utiliser. Voyons comment structurer champs, labels, erreurs et aides à la saisie avec HTML, CSS et React.
-
Intermédiaire SEO JSON-LD HTML Frontend Schema.org TypeScriptDonnées structurées JSON-LD : aider Google à comprendre vos pages
Les données structurées permettent d’expliciter le contenu d’une page pour les moteurs de recherche. Avec JSON-LD, vous pouvez enrichir vos articles, produits, formations ou événements sans complexifier votre HTML.
-
Intermédiaire JavaScript Frontend Architecture frontend Performance HTML Modules ESImport maps JavaScript : contrôler vos dépendances sans bundler
Les import maps permettent de piloter les imports JavaScript directement dans le navigateur. Une approche utile pour prototyper, enseigner, migrer progressivement ou réduire la complexité d’un outillage frontend.
-
Intermédiaire JavaScript TypeScript Frontend IndexedDB Performance Architecture frontendIndexedDB en TypeScript : stocker des données locales sans bricolage fragile
IndexedDB permet de stocker des données structurées côté navigateur, bien au-delà des limites de localStorage. Voyons comment l’utiliser proprement en TypeScript avec une petite couche d’abstraction maintenable.
-
Intermédiaire CSS Responsive design Frontend UI AccessibilitéContainer queries CSS : créer des composants vraiment responsives
Les container queries changent la façon de concevoir des interfaces adaptatives : au lieu de réagir à la taille de l’écran, vos composants réagissent à leur propre contexte.
-
Intermédiaire JavaScript Performance Frontend API Web UX AccessibilitéIntersection Observer : détecter la visibilité sans ralentir vos pages
Apprenez à utiliser Intersection Observer pour déclencher du lazy loading, des animations, de l’infinite scroll ou du tracking d’exposition sans surveiller le scroll à la main.
-
Intermédiaire HTML Web Components JavaScript Frontend SSR AccessibilitéDeclarative Shadow DOM : des composants web rendus côté serveur sans JavaScript obligatoire
Découvrez comment utiliser le Declarative Shadow DOM pour créer des composants encapsulés, compatibles avec le rendu serveur, l’accessibilité et le progressive enhancement.
-
Intermédiaire JavaScript Frontend API Web DOM Performance Architecture frontendMutationObserver en JavaScript : réagir aux changements du DOM sans polling
Découvrez comment surveiller les modifications du DOM avec MutationObserver pour construire des interfaces dynamiques plus fiables, performantes et maintenables.