프로젝트 소개

Style Stage는 Stephanie Eckles(@5t3ph)가 만든 현대적인 CSS 쇼케이스입니다. 커뮤니티가 단일하고 고정된 HTML 페이지를 재스타일링하는 스타일시트를 기여하여 현대 CSS로 무엇이 가능한지 보여주도록 초대합니다. 이 프로젝트는 몇 가지 바로 사용할 수 있는 시작점을 제공합니다: 다운로드 가능한 소스 파일, BrowserSync 핫 리로드가 포함된 Sass 템플릿, 전체 소스 CodePen, 그리고 최소한의 스켈레톤 CodePen입니다. 기여자들은 공개된 가이드라인을 준수하면서 자신만의 스타일시트를 만듭니다. 클래스 추가를 포함하여 HTML은 수정할 수 없으며, 이는 도전을 순수하게 CSS에 집중시키기 위함입니다. 어떤 빌드 설정이든 허용되지만, 최종 제출물은 컴파일된 CSS여야 하며 압축되지 않아야 합니다. Style Stage 처리는 자동으로 벤더 프리픽스를 추가하고 제공된 메타데이터를 기반으로 CC BY-NC-SA 라이선스 및 저작자 표시를 스타일시트 앞에 붙입니다. 제출하려면 기여자들은 필수 필드(title, author, stylesheet URL)와 선택 필드(twitter, websiteTitle, websiteUrl)가 있는 간단한 스키마를 따라 src/_data/styles/에 고유한 JSON 파일을 추가하는 풀 리퀘스트를 엽니다. 저장소에는 사용 가능한 스타일시트의 인덱스가 포함되어 있으며, stylestage.dev의 라이브 사이트에서 스타일을 표시합니다. 피드백은 GitHub 이슈를 통해 환영합니다. 이 프로젝트는 현대 CSS 기술을 배우고 선보이기 위한 커뮤니티 자원입니다.