Since we launched our new company site back in November, we’ve gotten a lot of positive feedback from visitors and well-wishers about the novel approach to our portfolio. And while we expected to hear from other designers and developers, I was somewhat surprised to learn the impact it has on potential clients: often, via email or in person, I hear that seeing the stages of our creative process presented as a zippy polaroid left a lasting impression in their mind. And when a prospective client is evaluating a dozen (or more) vendors to tackle their next big project, this becomes extremely valuable — it helps us stand out! So it’s easy to make a case that rich animations are more than just eye candy; together with our deliberately-whimsical copywriting they become an important part of our brand identity.


All the animations used throughout the company site I’ve written with jQuery, the greatest JavaScript library on the planet (yeah, I went there). jQuery makes client-side scripting not only super-easy but a blast to write. I’ve written about jQuery before and how much I like it (I even recently gave a talk to that effect) but have long wanted to break down how it powers our little portfolio slider. (I won’t go into too much detail about jQuery itself — I leave finding introductory tutorials elsewhere on the intertubes as an exercise to the reader.)
jQuery Tutorial - Using jQuery to Produce Rich User Interfaces Web Site
jQuery Tutorial - Using jQuery to Produce Rich User Interfaces Download

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>