Sticky Notes

Sticky Notes

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.

Advertisement

5 thoughts on “Sticky Notes

  1. 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….

    Like

  2. 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?

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s