/ log / 28th Sep, 2007 /

I {heart} Pixels

Wandering around in my archives recently, I stumbled across a few pixel avatars. Here’s a sample:

30 pixelated mini avatars

A crazy way for a designer to spend time, perhaps, but there was something challenging about trying to bring pixels alive and give them character and detail at such a small size.

CSRF, the character

This year, those little “avs” and The IT Crowd inspired a few pixel characters created for Chris Shiflett to add some fun to web app security presentations.

This is “CSRF”, (pronounced Sea-surf).You might meet “XSS” and “2 point oh” in one of Chris’ presentations but I’m reluctant to show them off before Chris has chance to. Please be gentle with them, like all Web villains, they’re really just looking for recognition and a cuddle.

The little avs were created for one of the original 2–D graphical chat sites, OnChat which started in 1997 and, at its height, hosted thousands of visitors in hundreds of different rooms.

The avatars were mobile on top of a static room background with speech or thought bubbles that appeared when users typed. It would pale against Second Life or There.com today, but it was created by a couple of guys, and revolutionary at the time.

Looking back, part of the success was the simplicity. There was no requirement to join, users merely opened a Java applet in the browser. Before they knew it, they were immersed in a seemingly chaotic and infinite space, with little pixel avs all around them speaking and throwing thoughts to each other. Joining in was as simple as typing and using the mouse to move.

The avatar creators of 1997 have no doubt grown up, moved on and got a proper job, but finding these again reminded me that the things we do for fun are often the most educational. The lessons and skills stay with us. Something I try and bear in mind when my sons and I are playing Robin Hood versus the Robber Sheriff and the eldest wants to shoot him with his “arrow barrow” after tying him up with a grappling hook.

Share

Browse More Articles

6 Comments

  1. 1. By Ejaz Asi on 30th Sep ’07 at 06:59am

    Ah, loved your avatars and even more interesting was the backstage story and information. You're so very right that the things we do for fun become more educational and instrumental for us to grow and experiment more. Thanks for a sunday morning inspiration :)

  2. Jon 陳’s profile 2. By Jon 陳 on 1st Oct ’07 at 07:10am

    Thanks Ejaz. Lego and pixels – great fun! :)

  3. 3. By Trish on 19th Mar ’08 at 02:30am

    Those pixel avatars were actually first created for another visual chat application called The Palace, that was popular around the same time as OnChat, which is why avatars from The Palace migrated there. The More You Know! ==-*

  4. Jon 陳’s profile 4. By Jon 陳 on 19th Mar ’08 at 11:14am

    Interesting you say that Trish, because I drew these particular pixel avatars by hand—you’re right to say that avatars like this were used in The Palace, but that’s not where mine migrated from. :)

  5. 5. By ygs sınav tarihi on 3rd Oct ’09 at 12:42pm

    very nice pixel examples. do you have editable psd files? thanks

  6. 6. By Mario on 16th Feb ’10 at 16:13pm

    Nice avatars. Are there any limitations for use?

Post a Comment

Required sections are marked § . Please remember, debate and courtesy are mutually inclusive.

Personal Details and Authentication
Comment

Lately in the Log

  1. Introducing Analog Wed, 30th Dec 2009 {16}

    Just before Christmas, a few friends and I launched a new company,…

  2. SxSW Pick ’n’ Mix for 2010 Fri, 4th Sep 2009 {10}

    I know I’m woefully late. Voting ends today! I don’t really…

  3. Review: HTML and CSS Web Standards Solutions Wed, 19th Aug 2009 {22}

    I’m so glad that this book exists. I’ve been hoping someone…

  4. All Change, Please Thu, 13th Aug 2009 {33}

    ‘One door closes, another opens’ is an idiom that has always…

  5. OSCON 2009: incoming! Sat, 18th Jul 2009 {2}

    Just a quick note. More of a test really. Can I crank out a quick post in…

  6. SkillSwap Goes Typographic Mon, 9th Mar 2009 {16}

    Right. I’m blitzing this. Two posts in one day. It’s unheard…

Remarks from the log

  1. By Annie Ha in Review: HTML and CSS Web Standards Solutions:

    Hi Jon, As a graphic design student, I strive for a better structure and well design website. I was looking for a…

  2. By Shane in Days like these:

    Great post, makes me feel better that not only I have days like these! Thanks.

  3. By Joey in Introducing Analog:

    Long time reader - first time commenter! Good luck with the new company, hope it all works out for you :)

  4. By Emcee Hao in Complex Type: CSS Fix, ClearType Miss:

    dude, awesome type. rock on.

  5. By Shane in SxSW Pick ’n’ Mix for 2010:

    Great post, hope 2010 is going well for everyone! Keep up the good work.

  6. By Richard Fink in Introducing Analog:

    Jon, know you’re involved with Rich Rutter and Fontdeck and you’ve written a bit on @font-face. just a…

People and XFN

Analog folks:

  1. Alan Colville

  2. Andrei Zmievski

  3. Chris Shiflett

  4. Jon Gibbins

Friends, colleagues, and authors with interesting voices:

  1. Ben Ramsey

  2. Dan Mall

  3. Denna Jones

  4. Ed Finkler

  5. Elizabeth Naramore

  6. Elliot Jay Stocks

  7. John D. Boardley

  8. Helgi Þormar Þorbjörnsson

  9. Joe Leech

  10. Jos Buivenga

  11. Kester Limb

  12. Nicola Pressi

  13. Patrick H. Lauke

  14. Piotr Fedorczyk

  15. Richard Rutter

  16. Rick Hurst

  17. Sean Coates

  18. Simon Pascal Klein

  19. Terry Chay

Work with me via ~ Analog ~ a creative consortium.