A Hidden Gem in HTML


----------------

I don’t know how one goes about finding these things, but someone noticed a weird source code for this page. It’s a very basic, unspectacular catalog page for Fujinon Binoculars. But take a look at the source code.

520fujicodescreenshot

This screenshot is but a tiny part of the madness. Keep scrolling down the code for the full effect. I’ll wait. Apparently, the designer cares very deeply about the 8 point font. It was funny enough to get posted to b3ta and even made the weekly newsletter. Lots of folks laughed at it because it seemed so pointless. But that’s just the beginning of the story.

This turned out to be about so much more than the 8 point font. If you take the entire source code and lay it on its side, you get this.
517Fujicodeflippd

Which doesn’t mean anything in itself, but take a look at the Google Earth view from Fujinon’s headquarters as you look toward Mount Fuji, as posted to b3ta.

520_fujitsu-mountain-view

And then overlay the source code (seen in yellow here) onto the image.

520_fujitsu-mountain-code-overlay

Just a bit of an “ooga-booga” moment, huh? But it makes plenty of sense in the Japanese “form over function” mindset. A website has to have the proper Feng Shui after all. When you take all day to make sure one stroke of your calligraphy is right, why not go the distance for your html as well?

[via b3ta]






63 Responses to A Hidden Gem in HTML

  1. It’s a cute “easter egg” and I’m sure a lot of work and inspiration was put into it but I think its just totally unnecessary. If this was done with software, I would be outraged (well maybe outraged is bit strong). My point is that if everybody starts doing these kinds of things, we’re gonna end up with ASCII art on code, which might be pretty but it would certainly be slower.

  2. It's a cute "easter egg" and I'm sure a lot of work and inspiration was put into it but I think its just totally unnecessary. If this was done with software, I would be outraged (well maybe outraged is bit strong). My point is that if everybody starts doing these kinds of things, we're gonna end up with ASCII art on code, which might be pretty but it would certainly be slower.

  3. I wonder what made the person who found this HTML source code go to such efforts checking it out! I’ve looked at source code from other sites trying to figure out just how they did something I’m not familiar with, but never thought to look at it in this kind of perspective!

  4. I wonder what made the person who found this HTML source code go to such efforts checking it out! I've looked at source code from other sites trying to figure out just how they did something I'm not familiar with, but never thought to look at it in this kind of perspective!

  5. if i had a dime for every “ooga-booga” moment i had while painstakingly looking at every website page that i visit’s source code, i would be a rich rich man. :P

  6. if i had a dime for every “ooga-booga” moment i had while painstakingly looking at every website page that i visit’s source code, i would be a rich rich man. :P

  7. if i had a dime for every “ooga-booga” moment i had while painstakingly looking at every website page that i visit's source code, i would be a rich rich man. :P

  8. Anyone noticed that the outlines on the horizon in the two images are not the same?
    A new mointain appears to the right of Mt Fuji on the overlay image.

    And even with this one, there are only 4 ‘bumps’ matching to the horizon. The rest on the left and right side does not match.

    So it’s overinterpreted randomness to me.

  9. Anyone noticed that the outlines on the horizon in the two images are not the same?

    A new mointain appears to the right of Mt Fuji on the overlay image.

    And even with this one, there are only 4 'bumps' matching to the horizon. The rest on the left and right side does not match.

    So it's overinterpreted randomness to me.

  10. ehh,
    thats fun.
    But its not valid w3c code.
    This isn’t going to end well for the feng shui
    i think they will loose some spirit due to that

  11. ehh,

    thats fun.

    But its not valid w3c code.

    This isn't going to end well for the feng shui

    i think they will loose some spirit due to that

  12. This is madness, but i love it. This kind of dedication and love for there work that they would work so hard at something that would probably never be seen. I never thought that Feng Shui would be applied to Web coding. Wonders never cease.

  13. This is madness, but i love it. This kind of dedication and love for there work that they would work so hard at something that would probably never be seen. I never thought that Feng Shui would be applied to Web coding. Wonders never cease.

  14. lets try that again….

    I think I may have the real culprit
    META NAME=”generator” CONTENT=”Web Studio, Version 4.0 for Windows”

  15. lets try that again….

    I think I may have the real culprit

    META NAME="generator" CONTENT="Web Studio, Version 4.0 for Windows"

  16. Putting the whole Japanese/Chinese debate aside, when's the last time you saw a Japanese site with a good sense of Feng Shui (or the Japanese equivalent)?

    Here's Rakuten a huge pile of text yet Japan's largest online shopping site:
    http://www.rakuten.co.jp

    Then there's Kakaku, Japan's "MySimon":
    http://kakaku.com

    Even Yahoo Japan has no sense of Feng Shui:
    http://www.yahoo.co.jp

    It's clear that Japan's traditional sense of aesthetic, while still practiced in food preparation, has been lost in the digital world.

  17. Putting the whole Japanese/Chinese debate aside, when's the last time you saw a Japanese site with a good sense of Feng Shui (or the Japanese equivalent)?

    Here's Rakuten a huge pile of text yet Japan's largest online shopping site:
    http://www.rakuten.co.jp

    Then there's Kakaku, Japan's "MySimon":
    http://kakaku.com

    Even Yahoo Japan has no sense of Feng Shui:
    http://www.yahoo.co.jp

    It's clear that Japan's traditional sense of aesthetic, while still practiced in food preparation, has been lost in the digital world.

  18. Leave the overreaching connections to “Japanese culture” to those who actually know something about it.

  19. Leave the overreaching connections to "Japanese culture" to those who actually know something about it.

  20. It really doesnt match the picture at all, except for the main mountain peak o_O – not amazing at all, when you think about it; It really just looks like bad WYSIWYG output

  21. It really doesnt match the picture at all, except for the main mountain peak o_O – not amazing at all, when you think about it; It really just looks like bad WYSIWYG output

  22. Html can be coded with or without any line feeds. Thus it is possible to form any graphic representation of code using a text formatter.

    Bottom line is the whole thing is construed, fabricated and photoshopped.

  23. Html can be coded with or without any line feeds. Thus it is possible to form any graphic representation of code using a text formatter.

    Bottom line is the whole thing is construed, fabricated and photoshopped.

  24. First of all it's not valid html, second it doesn't display correctly in mozilla, if you're going to go to all that effort, at least code it right :-)

    Also, I like the bit "If you take the entire source code and lay it on its side" – why, why would anyone think to do that, certainly if you didn't write it?!?!

    It's like finding out for the first time you're good at duck herding and taking it up for a living, why would you think to give it a try???
    http://www.corporateentertainment.net/duck_herdin

  25. First of all it's not valid html, second it doesn't display correctly in mozilla, if you're going to go to all that effort, at least code it right :-)

    Also, I like the bit "If you take the entire source code and lay it on its side" – why, why would anyone think to do that, certainly if you didn't write it?!?!

    It's like finding out for the first time you're good at duck herding and taking it up for a living, why would you think to give it a try???
    http://www.corporateentertainment.net/duck_herdin

  26. When I see a comment like this one…
    ——
    his is madness, but i love it. This kind of dedication and love for there work that they would work so hard at something that would probably never be seen. I never thought that Feng Shui would be applied to Web coding. Wonders never cease.
    ——
    … I start to wonder if “naive” is enough. It’s pretty obvious they gave all information on the web on what they’ve done and waited for the viral madness… and it worked ^^

  27. When I see a comment like this one…

    ——

    his is madness, but i love it. This kind of dedication and love for there work that they would work so hard at something that would probably never be seen. I never thought that Feng Shui would be applied to Web coding. Wonders never cease.

    ——

    … I start to wonder if "naive" is enough. It's pretty obvious they gave all information on the web on what they've done and waited for the viral madness… and it worked ^^