homepage Welcome to WebmasterWorld Guest from 37.187.8.165
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / WebmasterWorld / Webmaster General
Forum Library, Charter, Moderators: phranque

Webmaster General Forum

    
Easter eggs and Christmas presents: hidden treats on your site
Brett's clever robots.txt blog got me thinking...
rjohara

10+ Year Member



 
Msg#: 10555 posted 2:54 am on Dec 23, 2005 (gmt 0)

Brett's clever blog hidden in the WebmasterWorld robots.txt file got me thinking about hidden features of websites that people put in just for fun. What do you hide within your website, just for fun, that only you or a small group of cognoscenti know about?

In programming these sorts of things are often called "easter eggs" - little hidden treats that don't really have any function other than to cause delight upon discovery. Early Mac software was famous for having many hidden easter eggs - things that only showed up if you held down the option key while requesting file information, for example.

Some weeks ago I was talking with iamlost about classical typographic proportions for webpages. People may not realize that many books, well back into the Middle Ages, were designed with cleverly interlocking sets of proportions linking the size of the text block to the width of the margins to the proportions of the paper. One familar modern carryover is the paperbacks in the Penguin Classics series, which were long manufactured with page proportions that embody the Golden Ratio (1:1.618).

In keeping with this tradition, I use a standard em-scale for all the horizontal dimensions on my own website (vertical scales are harder, because they are less predictable); in simplified form it looks something like this:

43.00 em width of content
13.69 em width of sidebar
4.36 em width of blockquote right margin
1.39 em width of padding, text-indent, list inset
0.44 em width of hanging indent

Spot the hidden "easter egg"? (Each value is pi times the previous value.) It makes for rather nice proportions, and within the content and sidebar blocks the em-width of the padding is 3.14 em itself.

So, what other fun features have people built into their sites? Perhaps a popup window that appears only when you click somewhere that isn't obviously a link? An amusing comment within the HTML file that only appears when someone views the source? (I have my .htaccess file headed with the comment "stone knives and bearskins" - some old timers will recognize that....)

 

kandar

5+ Year Member



 
Msg#: 10555 posted 8:38 am on Dec 23, 2005 (gmt 0)

One widely used feature is hidden messages in http-headers. Most famous example is the X-Bender and X-Fry header of a big tech-orientated site.

Beagle

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 10555 posted 10:27 pm on Dec 23, 2005 (gmt 0)

A little more personal. I once used a program my brother had given me to "tweak" a few pages worth of photos and put them on my site, with the only link to them being a tiny .gif in an out-of-the-way corner. Then I emailed him and told him how to search for it. Of course, it's not secure at all, but there's nothing in the pictures that requires it to be and it still gives the feeling of the pages being "just for him."

Pfui

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 10555 posted 11:54 pm on Dec 23, 2005 (gmt 0)

Wow. Incorporating pi in any way, shape or form is waaay beyond this math-challenged Mac person. But I do enjoy other ways of making and hiding Easter Eggs.

Some are simply hidden navigational short-cuts tucked behind 'routine' graphics. The really cool surprises pop-up a window in which a heavily modified random quote CGI cycles through selections featured elsewhere on-site as singles.

I'd hide more Easter Eggs but I prefer to keep my code more simple than not for maximum browser compatibility. And as pop-up blockers and such become increasingly common, it's more challenging (tho' still geekily fun as heck) to craft broad-based special extras. I look forward to reading about others' surprises!

MatthewHSE

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 10555 posted 12:55 pm on Dec 24, 2005 (gmt 0)

I sometimes throw in a few HTML comments with a link to [GetFirefox.com...] if I'm forced into making a page with extra elements added as IE hacks. Also after IE hacks in my CSS files. When I'm making a PHP script that takes user input, I'll sometimes add humorous error messages that will only be seen if someone tries to play around with $_GET data or something. But Brett's "Bot Blog" also has me itching to add more similar stuff to my site...Maybe an ASCII self-portrait in my CSS file? ;)

longen

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 10555 posted 1:54 am on Dec 25, 2005 (gmt 0)

A photo or graphic could have a small section set up as an Image Map leading to content.

Aircut

5+ Year Member



 
Msg#: 10555 posted 8:49 am on Dec 25, 2005 (gmt 0)

i add sometimes greeting lines in the comments layers of animated gif pics..only visible to those opening the files for editing....

iamlost

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 10555 posted 1:20 am on Dec 28, 2005 (gmt 0)

I would not have thought to describe my use of phi , the 'golden ratio', (0.618...) or rjohara's use of pi as easter eggs. Where's the chocolate?

For those who care (all n->null of you) both pi and phi show up all over the mathematical, natural, philosophical, cosmological, chaotic place. Very intreguing useful numbers.

My phi uses are two-fold.
* One: Where possible I size page objects 1:0.618. It really looks good to the eye. As does the 'golden rectangle' (esp. for image/description): If the img/desc object is 1:0.618 the image is sized as 0.618 x 0.618 and the descriptiuon gets the remainder of 0.618 x 0.382. And yes using pi the rjohara way is simpler...but I am a geek and I like to suffer for my art.

* Two: It is common to use some extraordinary prime as the basis for encryption. So it confuses the heck out of (most) brute force decryption programs to utilise the golden mean base (aka phinary base) on a (phi) logarithmic spiral encoding structure.

Some easter eggs (note lower case to recognise lack of chocolate) I have included on sites:

* an order of a-certain-item or a-certain-value getting an especially good unadvertised additional discount. Amusing how many customers would request orders of that item/value over the next week. Then it would disappear from folks' radar until the next time someone 'found' it.

* a 'free-use' graphic from a renowned illustrator/cartoonist would be the 'thanks' page upon a viewer submitting a comment.

* a music group included unspecified, unadvertised extra songs available only for mp3 download upon on-line purchase of their CDs.

Fun stuff and great marketing.
Brett's robots.txt blog is both. A classic.
The things a geek gets excited about...I need a life...anyone got an extra?

carfac

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 10555 posted 5:28 am on Dec 28, 2005 (gmt 0)

OK, I may skirt some forum rules here (I hope not!), so please forgive me if I go astray. If this is a little too Personal, just delete this post...

I run a site that deals with cartoons- it deals with them in a historical and factual way. I have slipped in a couple of "fake" cartoons- mainly from "Maroon Studios"- the company that "made" the original Roger Rabbit cartoons in the 1940's. (Which, of course, never really happened). Included are even fake title cards and release posters.

Dave

D_Blackwell

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 10555 posted 12:53 am on Dec 29, 2005 (gmt 0)

In the site nav of a niche widget site I added an "Authorized Personnel Only" link. Click on it and go to an "Intruder Alert" page, complete with Star Trek 'red alert' siren. Completely unexpected, I think that most people enjoy the joke. Other than that link, the rest of the site is pretty straight-laced.

pmkpmk

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 10555 posted 10:19 pm on Jan 2, 2006 (gmt 0)

I have a disallowed directory in my robots.txt. The directory is not linked from anywhere. Only chance to access it is by acessing robots.txt first, reading it, and then manually entering the directory. Its primary use was for trapping "bad bots", but every once in a while it seems a human enters it as well. I am probably going to set up some content in it which would only make sense to a human reader.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / Webmaster General
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved