Update:
⏰ Pre-launch submissions should be created as PRs into the main branch by Wednesday (7/8) evening so there's time to review and make adjustments.
✨ I'm looking at launching Style Stage at noon Friday (US Central time) via Twitch https://www.twitch.tv/5t3phdev
Modern CSS has features that so many of us have yet to fully explore.
The replies here are a great reference:
What properties/techniques come to mind when you hear the phrase "modern CSS"?
Beyond grid and flexbox...21:46 PM - 03 Jul 2020
2
15
I author ModernCSS.dev and have been thinking a lot about many of these features. A couple days ago, that thinking led me to the following poll:
If I created a CSS Zen Garden inspired page off of ModernCSS.dev, would you submit a stylesheet?20:51 PM - 02 Jul 2020
In 2003, Dave Shea began a legendary project called CSS Zen Garden that provided a demonstration of "what can be accomplished through CSS-based design" until submissions stopped in 2013.
The positive response encouraged me to build out the concept for Style Stage.
I will be launching Style Stage in the next few days, so watch for the follow-up!
Call for Contributors
I'm now seeking the first contributors!
Submitting your styles will involve a pull request to the project repo with a publicly available stylesheet URL, and your details including your name and optionally your website and twitter username. Full attribution will be retained with your submission.
Here are the draft guidelines with additional expectations and requirements:
The HTML for this page was created to be semantic, accessible, and free of nearly all
other opinions. While typically extra divs are to be avoided, each sectioning element
also includes a .container div as the first child for use as a styling aid since you do
not have access to alter the base HTML. IDs are included where needed for nav anchors or accessibility, and a small number of additional classes are provided for key elements without IDs.
As a contributor, you agree to abide by the following guidelines and restrictions:
- Branding is prohibited with the exception of Monthly and Weekly sponsors.
- The HTML is not available to modify, except for attribution values that will be added from your submission metadata.
- You may use any build setup you prefer to create your stylesheet, but the final submission should be the compiled, unminified CSS.
- Stylesheets will become hosted locally to the project as well as be run through autoprefixer and minified to ensure optimal performance.
- Submissions will have licensing and attribution added upon the processing of the provided metadata.
- Any changes made past initial submission will be revealed in the version history and reviewed to ensure guidelines are still met. Removal of the public stylesheet will result in removal from Style Stage.
- You retain copyright over original graphics, and your stylesheet will receive the CC BY-NC-SA license.
- All asset links, including fonts, must be absolute to external resources. Broken asset links will lead to removal.
- Page load time should not exceed 3 seconds. Note: This site is built with Eleventy and hosted on Netlify, so your local load time will likely be very close to production load time.
- There should be no contrast errors dedicated when validated against tools like WAVE or aXe. Include any notes about false errors in your pull request.
- All graphic assets should respect copyright laws and be licensed appropriately.
- Designs should be responsive and usable across the most widely supported browsers (check caniuse data as needed)
- When cutting-edge properties are used, appropriate fallbacks should be provided if there is a significant impact on the user experience, particularly as it relates to accessibility.
- Animations should be removed via
prefers-reduced-motion. The reset included with the source CSS demonstrates how to do this. - No content may be permanently hidden, and hidden items must come with an accessible viewing technique.
- Submissions will be rejected for using obscene, excessively violent, or otherwise distasteful imagery, violating the above guidelines, or other reasons at the discretion of the maintainer. You may be asked to make revisions for minor violations.
- Submissions may be removed if future changes are made that violate the guidelines, or if notice is received of copyright violations.
Interested? Send a private message, and I will respond with the preview link on the evening of July 5 (I am in US Central time).
To be one of the first, you will need to be able to return a stylesheet by Wednesday, July 8. Later submissions will be delayed until after launch.
Top comments (2)
This is interesting. I'm looking forward to it... Challenging but fanny and useful...
Hiii👋🏼