stylestage

Style Stage é um showcase de CSS moderno criado por Stephanie Eckles (@5t3ph). Ele convida a comunidade a contribuir com folhas de estilo que reestilizam uma única página HTML fixa, demonstrando o que é possível com CSS moderno. O projeto fornece vários pontos de partida prontos: arquivos-fonte para download, um template Sass com hot-reload do BrowserSync, um CodePen com o código completo e um CodePen com um esqueleto mínimo. Os contribuidores criam sua própria folha de estilo seguindo as diretrizes publicadas. O HTML não pode ser modificado, incluindo a adição de classes, o que mantém o desafio focado puramente em CSS. Qualquer configuração de build é permitida, mas a submissão final deve ser CSS compilado, sem minificação. O processamento do Style Stage adiciona automaticamente prefixos de vendor e antepõe à folha de estilo uma licença CC BY-NC-SA e a atribuição com base nos metadados fornecidos. Para submeter, os contribuidores abrem um pull request adicionando um arquivo JSON único em src/_data/styles/ seguindo um esquema simples com campos obrigatórios (title, author, stylesheet URL) e campos opcionais (twitter, websiteTitle, websiteUrl). O repositório inclui um índice das folhas de estilo disponíveis, e o site ao vivo em stylestage.dev exibe os estilos. O feedback é bem-vindo por meio de issues no GitHub. O projeto é um recurso comunitário para aprender e mostrar técnicas modernas de CSS.