Skip to content

An etch-a-sketch simulator to practice DOM manipulation techniques and CSS flexbox / grid.

Notifications You must be signed in to change notification settings

lil-white-shadow/etch-a-sketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Etch-a-sketch

A simple etch-a-sketch simulator made using vanilla css and js.

Images

Before:

Screenshot from 2023-01-06 03-33-08

After:

Screenshot from 2023-01-06 03-38-36

Learning outcomes:

Got practice with DOM methods and CSS flexbox. Learned about slider in CSS. Spent significant time creating gridMaker and then later to figure out a way to reset grid and call gridMaker again with user input. Practiced using transition in CSS. Learned about git revert and fastforward.

Known issues:

Page loads as intended on computer using google chrome but it does not render correctly on firefox by default: use 50% zoom as a work around. Touch is not working as intended on mobile. I will not be going back to try and fix these issues, instead will continue learning, work on other projects, and keep these issues in mind when writing CSS in the future.

About

An etch-a-sketch simulator to practice DOM manipulation techniques and CSS flexbox / grid.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages