1. pizzaclub.org

Where your cursor becomes a giant piece of pepperoni pizza. Be sure to click the pizza button.

2. www.koalastothemax.com

At first as you have her over the giant circles it looks like they're just getting smaller but keep hovering and maybe you'll get a surprise.

3. jacksonpollock.org

Where are you too can be an abstract expressionist painter

4. oreoreo.glitch.me

This is one of those useless ones where as you type the word Oreo it will add a new Oreo to your stack. But can you make your Oreo Stack.

5. mta.me

This one I actually found very interesting and visually shows New York City's MTA trains and as they intersect it makes music.

6.www.staggeringbeauty.com

This one made me giggle if you ever wanted to be one of those inflatable Tube men this is the site for you.

7. apod.nasa.gov/apod/astropix.html

Here you can find a different Astronomy picture every day

8. corndog.io

Why this website was made is beyond me, but if you're into corn dogs this is the same for you

9. puginarug.com

If you love pugs and want to be slightly hypnotized head over to this website where you can honor a pug.

10. isitchristmas.com

If you find yourself wondering is today Christmas? Well this website is Sole purpose is to let you know if it's Christmas or not.

11. cat-bounce.com

Cute Bouncing cats that's all!

12. www.yesnoif.com

The most mesmerizing website I found make sure you continue to click all over the page as you get truly hypnotized

13. thezen.zone

After answering a few short questions you will get a game that will help you Zen out

14. www.grandpanoclothes.com

Fair warning don't like the black box.

15. listen.hatnote.com

This may be one of the most interesting and relaxing Fines. It gives you a visual representation of updates being made on Wikipedia along with music every time someone updates.

16. smashthewalls.com

Another one of those websites that really do absolutely nothing but waste time every time. click to see what happens

17. weirdorconfusing.com

When you click the button it takes you to a website that has some thing weird or confusing on it. oh the Internet!

18. pointerpointer.com

When you get to this website move your cursor to a spot on the page and wait for the picture to load.

19. drawing.garden

Make your own digital garden. I found this one super cute and satisfying.

20. longdogechallenge.com

How far are you willing to scroll.

21. en.wikipedia.org/wiki/List_of_individual_dogs

Did you know that Wikipedia has an entire page that is just a list of individual dogs!

22. www.rock-paper-scissors-game.com

If you're looking to really waste time Check out this website where you can play Rock Paper Scissors against the computer.

23. sitwhite.com

The crowning jewel of websites that do absolutely nothing!

24. findtheinvisiblecow.com

This game had me laughing out loud for far too long. Be sure to have your volume up for this one.

25. theuselessweb.com

And last but not least if none of these websites are doing it for you this website will send you to a new useless web page every time.

Now that I come to think of it maybe some of these websites aren't as useless as once assumed. I'm currently working on my final project for the Flatiron school, and when there's a particularly hard bug to squash sometimes it's nice to take a break and head to one of these truly hilarious websites just to get your mind off of it. And when you come back to your code the bug seems easier to squash.

You see I tend to be direct and to the point when it comes to written communication. What you read is what you get. There will be no need to read between the line because i promise you there wont be many, and they will say exactly what I mean. In fact this may be one of the reasons i am so suited to be a Software Engineer. Code is ment to be clean and dry. As for the Fluff I will leave that for far better writers and story tellers.

I’m going to show you two ways to pull a rabbit out of a hat. The first way I’m going to accomplish this is by adding both images into my HTML then using CSS to stack the images on top of each other.

Notice that the bunny image in the css is positioned absolute and set all the way to the top left. This in combination with the div and hat image being relative to the rabbit image and the z-index at 1 makes it appear that the page only has a picture of a hat on it.

The next step is my favorite part Event Listeners! When you click on the picture of the hat it triggers another function. This function handles the event of the clique. Upon clicking on the image the hat image is now re-assigned a new id of "hidden-hat”. This simple triggers the css for that id which sets the image to hidden, and voila! The Rabbit(which was actually there the whole time) is now visible.

Another way to accomplish this is to replace the source code within the JavaScript after the click.

Although this approach is much quicker and takes far less CSS I personally prefer the first example. With the second approach the alt and class now don't match the image, so you would need to correct that manually within your js. and if you wanted to put the rabbit back in the hat you just made a lot more work for yourself.

but the first example if you put another event listener on the rabbit image you could set the id = “” and you have your hat back!

When writing your html.erb files you will be writing the html with you ruby code embedded in it. A great example of this is an unordered list.

This will output

“But wait that’s all dandy but what are those tags and how do they work?”

Well <% %> is the erb tag that evaluates the enclosed Ruby code and<%= %> is the erb tag that evaluate the enclosed Ruby code, and output the value it returns. You will also notice that these tags are wrapped in html tags. But what is the best way to remember which is which well to me <% looks an awful lot like a double scoop Ice cream.

So just like <% evaluates Ruby code your tummy digests and evaluates that yummy Ice cream cone!

But the best way to remember the difference is the squid. That’s right the squid. Many people like to call the <%= a squid!

See it now? The best part about this comparison is that squids ink! And so dose the squid tag <%= . If you need whatever is inside of your tag to show up on your page this is the one you need.

So now you will always remember that <%= (squids) ink and <%(Ice creams) get digested (evaluated) and don’t forget to close you tags with a serving of %> because you can never have too much Ice cream!