Guest Post on WebAppers – Create a Content Rich Tooltip with JSON and jQuery


Guest post on WebAppers

A JSON Powered Tooltip

How are you populating your tooltip content? JSON is one of those things that tends to get overlooked, even though it is incredibly simple to work with.

In a guest post written for WebAppers that went live today, we’ll build a tooltip variation that changes the banner contents based on the link hovered over. The contents of which are all loaded from a JSON array using some jQuery flair.

Today we’re going to break the mold of the traditional tooltip. This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array.

The Final Result

Check it Out

This is one of the first guest posts I’ve written in a while, and the first of a few planned over the next month. You can read the full tutorial over on WebAppers at “Create a Content Rich Tooltip with JSON and jQuery.”

  • Stumble It!
  • Bookmark It!
  • Tweet it!

About Zach Dunn

Zach is web designer/developer for One Mighty Roar from Massachusetts, USA. He is currently studying Multimedia Web Design & Development at the University of Hartford. Follow him on Twitter @zachdunn.

 

Discussion

  1. Callum Chapman

    July 13th, 2009 at 5:10 PM

    Looks great, gonna go check it out now ;) Like the new look for the blog btw, very modern!
    .-= Callum Chapman´s last blog ..7 Coffee Stained Napkin Textures =-.

  2. Callum Chapman

    July 13th, 2009 at 5:10 PM

    P.S. Do you fancy writing a blog post for me? :D
    .-= Callum Chapman´s last blog ..7 Coffee Stained Napkin Textures =-.

  3. Zach Dunn

    July 15th, 2009 at 6:51 PM

    @Callum

    Thanks for the compliments on the new design tweaks. I was a fan of your color scheme post a while back, maybe a color palette blog post switch is in order?

Join the Conversation!

Remember: Life's not all doom and gloom, so please keep it constructive. If we've made an error or missed something big, please let us know! Learning is revisions, after all.

CommentLuv is Enabled

 

Sponsors

Advertise on Build Internet!