Monday Magic JavaScript: Exploding Font

22 Aug

TypeCode

Starting this week we’ll be doing a series of posts highlighting some of the cooler JavaScript effects going on out there on the web.

To kick things off we have Type/Code who have made an amazing exploding header animation using JavaScript (looks like Yahoo’s YUI). When the page first loads there is a nice animation of the font being generated by squares which seem to bounce into place. Once the logo has loaded the real fun can start! Simply rollover the logo to have it explode into tiny pieces and watch it build itself back up again. Great fun!

Check it out over at: http://typeslashcode.com/

Richard Reddy is the Technical Director with Dragnet Systems Limited. He has a keen eye for design and loves spending time researching new and interesting interface improvements using jQuery, HTML 5 and CSS3. Follow him on twitter or read his blog if you'd like to stalk him more.

2 Responses to “Monday Magic JavaScript: Exploding Font”

  1. Maria August 24, 2011 at 1:08 pm #

    Ooh I saw this somewhere recently & thought it looked amazing! Can’t remember where exactly… but it really brought the logo to life & made the site a lot more fun to interact with,

    • Richard Reddy August 26, 2011 at 11:47 am #

      Yup, I thought the same…along with ‘woah, that musta taken ages to do!’ :)