Git Product home page Git Product logo

stylestage's Introduction

Style Stage

Style Stage

A modern CSS showcase styled by community contributions

Created by Stephanie Eckles (@5t3ph)

Visit Style Stage to view the available styles, and learn more about this project!

View the index of stylesheets available in this repo.

Contribute a Stylesheet

There are 4 ready-to-go options to get started:

Then, create your own version of the stylesheet, being sure to adhere to the guidelines. Use the starters listed above, or begin from a blank file! Keep in mind you may not modify the HTML, including adding classes.

You may use any build setup you prefer, but the final submission should be the compiled CSS unminified. Style Stage processing will autoprefix your styles and prepend the stylesheet with the CC BY-NC-SA license as well as attribution using the metadata you provide.

To submit your stylesheet, create pull request containing a unique .json file added to src/_data/styles/ following the schema below.

{
  // Required
  "title": "Main Stage Test",
  "author": "Stephanie Eckles",
  "stylesheet": "https://moderncss.dev/css/style.css",
  // Optional
  "twitter": "5t3ph",
  "websiteTitle": "ModernCSS.dev",
  "websiteUrl": "https://moderncss.dev"
}

Feedback welcome!

You can file it as an issue.

Buy me a coffee

stylestage's People

Contributors

5t3ph avatar amit-sheen avatar andy-set-studio avatar barbaraaliverti avatar beatricebock avatar cat-street avatar cbirdsong avatar clairebaire avatar code-reaper08 avatar dawntraoz avatar dependabot[bot] avatar emgrey02 avatar gabrielfalcom avatar iamvishal345 avatar jayashakthi28 avatar jeantiston avatar jessica-nagar avatar kevin-powell avatar lynnandtonic avatar meowyam avatar ojohnson1 avatar onlyasmalllizard avatar pi-guy53 avatar rob-manders avatar scrabill avatar suckcoder avatar thomas-orx avatar tonirome avatar trip19 avatar whitep4nth3r avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

stylestage's Issues

Designs for new sheets

Hi, I'm a designer, I was thunking I could share designs and people can code them. What do you think?

What is the licence of this repo?

Hello!

โ€“ What is this licence of this repo?
โ€“ I do not understand "Contributors retain copyright of all graphics used, and styles are available under CC BY-NC-SA". Do you mean that the CSS styles can not be used for the commercial sites?

๐Ÿž Introducing a light/dark mode feature.

Issue Description

Our project's website is undoubtedly functional and informative, but it's time to take it a step further by adding some interactive elements. I propose enhancing the website design with subtle hovering effects to create a more engaging and interactive user experience. Additionally, introducing a light/dark mode feature is increasingly crucial in today's web design, catering to users' preferences and comfort.

This website is a valuable, functional, and informative platform, but there's room for improvement in the design department. To enhance user experience, I propose introducing a light/dark mode feature and the addition of some interactive effects to the pages. Both these design elements have become crucial, as they make the website more engaging, accessible, and user-friendly.

Screenshot

image

โœ…I would like to work on this issue.

Back to Top Button

Feature Request :

I want to add a button which appears as soon you scroll down and by clicking on it will revert back to the top of your current webpage solving issues of unneseassary scrolling and improving the user experience

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.