StickIt! An Online Sticky-Note Maker!
- 2 Devlogs
- 2 Total hours
I am building a Sticky-note maker that works on all google pages, which allows users to place a sticky note on a web page in order to remember ideas.
Many things have been updated for my web extension!
ACCOMPLISHMENTS:
-
I made it look prettier. This was one of the main problems I had with it, that the solid neon yellow color kind of burnt my eyes out every time I looked at it, so I decreased the intensity of the yellow.
-
I made a cursor that follows the mouse. This cursor will follow the mouse after clicking the “create new sticky” button, and will be a visual representation of where the sticky note will be placed.
WHAT I NEED TO DO
-
Link the cursor showing up to the button being clicked. Right now, the cursor is always shown, instead of only showing when the button is clicked, and hiding when a sticky note is placed.
-
The cursor must be able to leave the extension popup. Right now, the cursor is stuck to the bounds of the popup. Probably has to do with my HTML / JavaScript code. I’ll have to figure it out.
-
Make sticky notes appear when the mouse is clicked.
duhThe actual functionality of the project must be added!
In the following picture, the (+) is the cursor, and would normally follow the mouse. I had to take a picture though, so my mouse had to leave the popup.
StickIt now has an Extention Popup!
Alright: This might be a bit of a jumbled mess, but here goes!
I wanted to make an extention that allowed users to store ideas in a satisfying (and sometimes slightly annoying) way. And one of the most convienent ways to store simple information in real life is on sticky notes! (In fact, I even used sticky notes while making this project!) I have never written any code in HTML, CSS, or JavaScript, but I did have coding experience from school with Java and Python, so I was up to the challenge! I watched a couple videos about the basics, then got to work. Fast forward 45 minutes of programming (3 hours of real-life time), and I was finally able to get my amazing (albeit very basic) popup up and running.
In the future, I plan to actually make the “Make a new Sticky” button work, and to add satisfying animations when placing, moving, and removing sticky notes!
