Sunday, September 15, 2013

Hide and Seek

This is a short post, and it's only kinda related to software engineering.  It's mostly just a fun thing to do when the Internet is angrifying you (yes, angrifying is a word because I said so).  If you use Google Chrome as your browser (you can also do this in IE and probably FF, too, but the steps would be different) you can right-click on an image on a page and choose Inspect Element (you can actually inspect any element on the page, not just images).  This will bring up the developer tools windowpane.  You can then change the style attribute of the image (or whatever element) and add "display:none;".  As soon as you press <Enter> the image (or whatever element) will disappear.  It will come back if you refresh the page, but for the moment it will be gone.  Check it out in pictures below.

Find the image you want to hide (the "Make extra cash" one in this example):






Right-click on it and choose Inspect Element (at the bottom of the menu)
You'll see the developer tools section at the bottom



The image you right-clicked should be highlighted so right-click on the markup for that image in the developer tools section and choose "Add Attribute"









Type in style="display:none;" and press the <Enter> key





Observe the results.





















Celebrate with a picture of a cute kitten:




No comments:

Post a Comment