Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cool-runningz/range-input.css
Generate CSS to style range inputs that look consistent across all browsers
https://github.com/cool-runningz/range-input.css
css range-input range-slider
Last synced: about 1 month ago
JSON representation
Generate CSS to style range inputs that look consistent across all browsers
- Host: GitHub
- URL: https://github.com/cool-runningz/range-input.css
- Owner: Cool-Runningz
- License: mit
- Created: 2021-03-28T00:49:15.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-11-07T01:33:24.000Z (over 1 year ago)
- Last Synced: 2023-11-07T04:41:04.246Z (over 1 year ago)
- Topics: css, range-input, range-slider
- Language: CSS
- Homepage: https://range-input-css.netlify.app/
- Size: 2.95 MB
- Stars: 24
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# range-input.css 🎨
Generate CSS to style range inputs that look consistent across all browsers
View Demo 🏗️
## About this Project ✨
🔖 To learn more, check out my [Smashing Magazine article](https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/) describing the quirkiness of the range input.
> Range inputs have notoriously been a pain to style. Each browser renders the input differently requiring you to use vendor prefixes in order to create a cohesive look and feel. To speed up the process, I created this tool to make it easier for you to create custom range inputs that will look awesome and consistent across all browsers!
### Built With 🛠️
- Plain ol' HTML, CSS, and JS
- [MVP.css](https://andybrewer.github.io/mvp/) - Minimalist stylesheet for HTML elements
## Contributing
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Contact
Alyssa Holland - [@alyssa_codes](https://twitter.com/alyssa_codes) - [email protected]
Project Link: [https://github.com/Cool-Runningz/range-input.css](https://github.com/Cool-Runningz/range-input.css)