Graphical Repz

What Does Your Website Look Like?

I like the fact that most of the people on the internet are smarter than I am. One of those people (my friend Adrian) posted this neat article about a utility to graphically represent one’s website.

You can also go to the author’s website to see how you can make your own graphical representation of a website.



Legend

This is what the colours represent…


blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags



Barking Space

This is the graphical representation of the blog you are currently reading…



Click to enlarge…


I suspect it is so complicated due to the nature of the templates I am using. Even within that framework, it’s pretty simplistic.



Figtography – The Blog

This is the graphical representation of my photography blog



Click to enlarge…


I set up my photography blog for those who like more detail about the photographs on my photography site (as well as a number that are not displayed there).

The template I used for that is a little different than the one for Barking Space. For the photography blog, each article is essentially structured the same (photo, technical details, description), whereas on Barking Space, the articles vary in structure.



Figtography – The Site

This is the graphical representation of my photography site



Click to enlarge…


I’m pretty proud of this one.

Unlike the WordPress blogs, I designed this one from scratch. It’s very simple, which was the goal.

11 Responses

  1. I am actually trying to design my site so the image map makes a smiley face. I feel it’s important to have goals.

  2. That it is, man.

    Let me know when you finish.
    The cool thing (as Adrian pointed out to me) is that his graphical representation resembles a Frog.

    I would consider his goal reached.

    Mine kinda looks like a dog…

    …run over by a steamroller…

    Not quite the right goal…

  3. ooooo. pretty.

  4. Wayyyyy too abstract for me.

    Sometimes, I see other blogs with this same exact template, and it throws me for like, 8 whole minutes!

  5. You should know it’s mine by the strange tingling sensation you get in your Broca’s Area.

  6. hey can we link ? If you want you can link to my site and who knows maybe I’ll come up with something about Jorge . 🙂 getting to know people is fun ;)and I get to learn new skills on the computer too. (which I am sadly lacking in LOL ) .

    kiffin

  7. Fred and Rick say Hello!! …

    Hope you’re behaving yourself!!! …but I won’t keep my hopes up …

    Josie
    TTfN

  8. Oh god – I wasted 40 minutes yesterday playing with this – you are an evil one! So much for being to work early!!

    🙂

    hugs,
    jules

  9. I like these designs. I do some web work but I’m too embarrassed to show anybody because I don’t bother to update anything, hehe

  10. I love the graphical representation of your blog… it looks like retro flowers!
    xoxo
    T

  11. Heehee…I love your graphs but I’ve got to say, it’s pretty geeky! But it is fantastic so now I’ve got to have one on my blog. Thanks for giving me something to do on a boring Monday evening!!

    ~ Totoro

    PS. I have also recently removed myself from MSNSpace. I used to be .

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: