BrowserUX

BrowserUX est un écosystème front-end léger et moderne, conçu pour offrir une base solide qui améliore l’ergonomie, l’accessibilité et les performances dès les premières lignes de code.

Le Coeur

Le Coeur regroupe les fondations essentielles de l’écosystème BrowserUX : BrowserUX Starter, un modèle front-end prêt à l’emploi pour créer des sites web et des applications web progressives (PWA) rapides et installables avec Vite, React, Vue ou Angular ; et BrowserUX.css, une couche CSS minimaliste axée sur l’accessibilité et l’amélioration du comportement natif des éléments HTML.

• 

  BrowserUX Starter

  Un template front-end prêt à l’emploi pour créer des sites ou PWA rapides, installables et entièrement personnalisables (Raw, Vite, Workbox, React, Vue.js, Angular).

  Bientôt
• 

  BrowserUX CSS

  Une base CSS minimaliste axée sur l’expérience utilisateur et l’accessibilité, conçue pour améliorer le comportement natif de HTML et CSS.

  Aller sur browserux.css

Les Web Components

La collection de Web Components propose des éléments légers et sans dépendances qui améliorent l’interaction utilisateur et l’adaptabilité : le Theme Switcher permet de basculer facilement entre les modes clair et sombre de manière accessible, le Share Button simplifie le partage de contenu multiplateforme, et le PWA UI fournit une interface unifiée pour guider l’utilisateur dans l’installation et la mise à jour des Progressive Web Apps.

• 

  BrowserUX
  Theme Switcher

  Un Web Component léger et personnalisable qui permet aux utilisateurs de basculer entre les thèmes clair et sombre, accessible et indépendant du framework.

  Aller sur BUX Theme Switcher
• 

  BrowserUX
  Share Button

  Un Web Component moderne et adaptable qui simplifie le partage de contenu sur tous les appareils et plateformes.

  Aller sur BUX Share Button
• 

  BrowserUX
  PWA UI

  Un Web Component universel pour afficher une interface d’installation et de mise à jour des Progressive Web Apps (PWA), indépendant de tout framework ou bundler.

  Aller sur BUX PWA UI

Les plugins Vite

Les plugins Vite sont des extensions axées sur la performance et l’optimisation du flux de travail : Preload Assets améliore la vitesse de chargement en injectant des balises preload/preconnect, SEO Files génère automatiquement les fichiers SEO essentiels comme `sitemap.xml` et `robots.txt`, et Inject SW Assets permet un support hors ligne complet en injectant les ressources statiques dans un service worker personnalisé.

• 

  BrowserUX
  Preload Assets

  Un plugin Vite conçu pour améliorer les performances en injectant automatiquement les balises preload et preconnect pour les ressources critiques (images, polices, JS et CSS).

  Aller sur BUX Preload Assets
• 

  BrowserUX
  SEO Files

  Un plugin Vite qui automatise la génération des fichiers SEO techniques essentiels (`sitemap.xml`, `robots.txt`) après la compilation.

  Aller sur BUX SEO Files
• 

  BrowserUX
  Inject SW Assets

  Un plugin Vite qui injecte automatiquement les ressources statiques dans un service worker personnalisé (`injectManifest`) pour un support hors ligne complet.

  Aller sur BUX Inject SW Assets

Le Blog

Le blog soutient l’écosystème BrowserUX avec du contenu pédagogique, des tutoriels et des articles de fond. Il aide les développeurs à comprendre les choix de conception, à appliquer les bonnes pratiques et à rester informés des techniques modernes de développement front-end.

• 

  Blog BrowserUX

  Des ressources éducatives pour accompagner les outils du projet, avec des explications détaillées et des conseils en développement front-end.

  Aller sur le blog de BrowserUX