Project documentation for the Etch-A-Sketch Project from the Odin Project.
Had something green-ish in mind for my coloring (Website itself) - This helped alot.
- The Grid-Border design was from here.
- The Idea for the particle background effect came from here - Credit to Takeshi Kano.
- Background Image is from here.
At first I didn't know exactly on how to implement the particle background effect, but then I just took the effect into a complete empty boilerplate and implemented three simple div boxes with some content and got it to work. Ofourse I had the problem that the particles would be "over" the grid, so I could test around with the z-index property, which is the reason why the container-content class is in the foreground (including all its children).
I never really got stuck anywhere - I'd say, the biggest hurdle was to get both eventListeners (mouseover and click) to function properly in conjunction. The most time i've "lost" was to get a result which is visually appealing to me, thus fiddling alot with my css. But I'd say it came out pretty good.
Can be found here!