These are like Post It Notes, but you don’t have to worry about them falling off. This was built with Ruby on Rails and lots of CSS Styling, plus a personalized (aka horrible) button design by yours truly.
I wish I could take credit for the CSS Styling, but the creativity was from the CSS Post-it® Note, and here is reason why the Sticky Notes work without having to reload the page.
5 thoughts on “Sticky Notes”
where do you find these projects to make? and where do you have them uploaded?
A few are my own ideas like https://bryanttunbutr.wordpress.com/2015/08/12/make-it-rain/ which is just playing with JQuery animations.
Some are inspired by others like https://bryanttunbutr.wordpress.com/2015/08/04/make-the-background-color-continuously-change/ was inspired by http://jenniferdewalt.com/random_background.html
Basically I follow this advice https://medium.com/@mackenziechild/how-do-i-learn-x-593197cb3dcb
I have these hosted on Heroku https://www.unicasts.com//forum/68#forum_post_275
I hope this helps….
Simple and functional, I like it!
My aesthetic suggestions:
1. Make the button look nicer, try using a color picker to match the color of the notes. Well-designed CSS buttons are one of the easiest things to find on the internet, so you could use one instead of rolling your own if you wish. http://www.hongkiat.com/blog/css3-button-tutorials/
2. I was going to suggest using a hand-written font for the post-it notes, but then I looked in my devTools and it turns out you did use Reenie Beanie in your CSS. I’m only seeing a boring serif font though, check that you’re importing it properly?
Thanks for the CSS buttons, they look great! This is definitely the last time I design my own button 🙂
Thanks for pointing out the font, I had to do this