Articles
-
Intermédiaire CSS Frontend Architecture CSS Design system UICSS cascade layers : reprendre le contrôle de vos styles
Les cascade layers permettent d’organiser vos styles CSS par niveaux de priorité explicites. Un outil précieux pour éviter les conflits entre reset, design system, composants et surcharges applicatives.
-
Intermédiaire CSS Frontend UI Accessibilité Architecture CSS PopoverCSS Anchor Positioning : placer menus, tooltips et popovers sans JavaScript fragile
CSS Anchor Positioning permet d’aligner précisément un élément flottant par rapport à un autre élément, sans calculs manuels en JavaScript. Une approche moderne pour créer des menus, tooltips et panneaux contextuels plus robustes.
-
Intermédiaire JavaScript TypeScript Performance Frontend Architecture frontend APICache frontend : rendre vos interfaces plus rapides sans données périmées
Apprenez à concevoir un cache frontend robuste avec une stratégie stale-while-revalidate, des clés fiables, une invalidation maîtrisée et une intégration TypeScript exploitable en production.
-
Intermédiaire Sécurité HTML JavaScript Frontend HTTP Architecture frontendContent Security Policy : protéger vos pages web contre les scripts indésirables
Apprenez à configurer une Content Security Policy efficace pour limiter les injections de scripts, sécuriser vos ressources et durcir progressivement vos applications web.
-
Intermédiaire JavaScript TypeScript Frontend API Web Architecture frontend UXBroadcastChannel API : synchroniser plusieurs onglets sans serveur
Découvrez comment synchroniser l’état de plusieurs onglets avec BroadcastChannel, sans WebSocket ni backend dédié.
-
Intermédiaire Accessibilité ARIA JavaScript Frontend UX HTMLARIA live regions : rendre les interfaces dynamiques compréhensibles
Les interfaces modernes changent sans recharger la page. Découvrez comment utiliser les live regions ARIA pour annoncer ces changements correctement aux lecteurs d’écran.
-
Intermédiaire CSS Animation Frontend Architecture CSS UI PerformanceCSS @property : typer vos variables CSS pour des animations plus fiables
Découvrez comment @property transforme les variables CSS en propriétés typées, animables et plus prévisibles pour construire des interfaces modernes sans JavaScript inutile.
-
Intermédiaire CSS Frontend Layout Responsive design Architecture CSS UICSS Subgrid : aligner vos composants sans casser la structure HTML
CSS Subgrid permet d’aligner finement les éléments internes d’un composant sur la grille de son parent. Une approche précieuse pour construire des layouts cohérents, maintenables et accessibles.