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.
where do you find these projects to make? and where do you have them uploaded?
LikeLike
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….
LikeLike
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?
LikeLike
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
http://stackoverflow.com/questions/18508996/include-google-font-in-rails-app
LikeLike