Fun With Source Code

By  on  

I'm a serial view-source guy. When I visit a website, whether it be for research or leisure, I need to know what their HTML looks like. Do they use a CMS? Which one? Is there anything that this developer does that I could in the future? Which JS library do they use? How much JS do they embed within the page instead of the header? Do they use Google Analytics? Dozens of questions come to my mind.

Recently I was looking at the Komodomedia website and decided to check out the source code. Here's the first thing you see:


<title>Komodomedia   » Welcome to the Jungle</title>
        
<!--

// komodomedia v4 - codename expedition aka code commando - go commando	

hi curious person that is viewing source of my site.  now that you are here, i know 
that you are an uber-nerd.  now i can talk about star wars and use my lame han solo
voice...see i'm doing it right now.  ok, so you are a nerd and you like the codes...
the html codes to be exact.  well, you are in a semi-decent area to learn.

feel free to learn from, analyze, and/or use the techniques used in this site.  i'm
just a regular dude that learned css/xhtml/js the same exact way you are doing now.

whatever you do, don't clone this site.  i'll have to hack your site.

-->

<!-- this is the section where i explain the data, this is data about data, yeah im a dork -->
<meta http-equiv="content-ype" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />


That's what you call fun with source code. Do you do this anywhere? Share!

Recent Features

  • By
    Being a Dev Dad

    I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...

  • By
    6 Things You Didn&#8217;t Know About Firefox OS

    Firefox OS is all over the tech news and for good reason:  Mozilla's finally given web developers the platform that they need to create apps the way they've been creating them for years -- with CSS, HTML, and JavaScript.  Firefox OS has been rapidly improving...

Incredible Demos

  • By
    MooTools Image Preloading with Progress Bar

    The idea of image preloading has been around since the dawn of the internet. When we didn't have all the fancy stuff we use now, we were forced to use ugly mouseover images to show dynamism. I don't think you were declared an official...

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

Discussion

  1. Your damn blog guru.
    Even I’ve seen it before. But I didn’t get idea to make it an interesting blog post like this. You’ve done it !

  2. You can put this line to your HTML for fun =)

    <!– meta name=”GENERATOR” content=”Microsoft FrontPage 1.0″ –>

  3. I viewed the source of Vimeo.com and noticed they have a funny intro there as well.

    @Sitex – that’s a hilarious idea. That or something like Adobe Go Live

  4. LarryZen

    Nice Source Code Easter Egg here:
    http://jaysalvat.com/

  5. Brian

    LMAO. That is awesome.

  6. Any one out there use Smarty Templates? I can’t get it to produce clean code to save my life. After any smarty tag, the next line is indented like crazy. If David (or anyone else) looked at my source, they’d run away screaming.

    Any suggestions?

  7. Check this one out.

    Wake Interactive

    Quite amusing!

  8. On meebo.com‘s main page, if you scroll to the bottom you can see a little we are hiring notice for the positions of front-end software engineer (JavaScript/DHTML/Ajax/C/C++) and back-end software engineer (C/C++/networking/databases) and also visual designer.

  9. Lewis Walsh

    I have a habit of hiding things like this in PHP source, but never HTML. Not sure the client would appreciate it if they stumbled across the source.

  10. I love finding little things like that in peoples source codes. I dont do it all the time but If I like the way a site looks I will poke around in the source and see what they did or used. Firebug/Web Developer make it a lot easier as well :p

  11. I have not done it. But I think I shall, as it is very funny, and only a select few people ever see it.

    I think it is nice to reward those curious guys that took the time to view the source :)

  12. On my site, http://worldofsolitaire.com I have all the Javascript concatenated together and minified into a single very unreadable file. I have a comment in the HTML page though that instructs curious geeks as to a special index-dev.html URL that will let them view the un-obfuscated source.

  13. Stewart

    I done this on my robots tag cos I knew people would be looking for my download folder

    User-agent: *
    Disallow: /images/
    Disallow: /cached/
    Disallow: /ha-very-good-you-wont-find-it-here/

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!