Drawing application using vanilla JS,custom CSS/HTML, and local storage. Color and size can be adjusted, as well as a rainbow mode for random colors.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
- Vanilla JS, CSS, and HTML
Choose Color mode - allows the user to select a color and apply that color to the grid.
Random Color mode - color for each grid unit is randomly generated.
Eraser Tool - remove your coloring by selecting a grid unit.
Clear Canvas - clear all coloring of grid units.
Grid Size selection - choose from 16X16 to 64x64 grid units.
- - Different color modes: neon, rainbow, etc. Suggestion: the generative CSS can use a calc() function, as outlined in this excellent article (credit to @5t3ph)
- Login/Signup Storage
- Back-end server
See the open issues for a full list of proposed features (and known issues).
Any contributions you make are greatly appreciated.
Please try to create bug reports that are:
- Reproducible. Include steps to reproduce the problem.
- Specific. Include as much detail as possible: which version, what environment, etc.
- Unique. Do not duplicate existing opened issues.
- Scoped to a Single Bug. One bug per report.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt
for more information.
Alex Geis - siegxela@gmail.com
Project Link: https://github.com/alexgeis/Etch-a-Sketch
Helpful resources and kudos.