stylestage

Style Stage est une vitrine CSS moderne créée par Stephanie Eckles (@5t3ph). Elle invite la communauté à contribuer des feuilles de style qui restylisent une seule page HTML fixe, démontrant ce qui est possible avec le CSS moderne. Le projet fournit plusieurs points de départ prêts à l'emploi : des fichiers source téléchargeables, un modèle Sass avec rechargement à chaud BrowserSync, un CodePen source complet et un CodePen squelette minimal. Les contributeurs créent leur propre feuille de style en respectant les directives publiées. Le HTML ne peut pas être modifié, y compris l'ajout de classes, ce qui maintient le défi centré uniquement sur le CSS. Toute configuration de build est autorisée, mais la soumission finale doit être du CSS compilé, non minifié. Le traitement de Style Stage ajoute automatiquement les préfixes de fournisseurs et fait précéder la feuille de style d'une licence CC BY-NC-SA et d'une attribution basée sur les métadonnées fournies. Pour soumettre, les contributeurs ouvrent une pull request ajoutant un fichier JSON unique dans src/_data/styles/ suivant un schéma simple avec des champs obligatoires (title, author, stylesheet URL) et des champs facultatifs (twitter, websiteTitle, websiteUrl). Le dépôt comprend un index des feuilles de style disponibles, et le site en ligne à stylestage.dev affiche les styles. Les retours sont bienvenus via les issues GitHub. Le projet est une ressource communautaire pour apprendre et présenter les techniques CSS modernes.