Hanger Bay

Level Up your Web Tools & Technologies Knowledge

  • Home
  • Articles
  • More Resources

Featured article

5 Steps to Making a jQuery Blindbox

5 Steps to Making a jQuery Blindbox

by Designfire

Among the many capabilities for jQuery, the one I find I use the most is using jQuery to run a blind box (a.k.a an Expanding-collapsing box). In case you are unfamiliar with blindboxes, below is an example; simply click on the pink box to collapse and expand the content within the box.


Blindbox Demo

This is the content for the blind box.
It can contain anything from copy to images to movies.
Click to open/close the blind box

(more…)

July 27, 2010 | Comments No Comments | Tagged under: featured, jQuery, tutorial
 

Beginning HTML5

by Designfire

An increasing amount of browsers are beginning to support more HTML5 attributes. It’s wise to start learning the basics behind the next version of HTML, so as not to get left behind.

(more…)

December 29, 2010 | Comments No Comments | Tagged under: html 5, tutorial
 

JSON Kickstart

by Designfire

At least that’s the way it was for me ;) .

When I was first hearing about JSON around the office I shied away form learning anything about it. At the time I was still getting accustomed to the flow of jQuery and had the impression that learning JSON would be along the same lines having to learn a new set of coding rules to implement it. Turns out though that if you have some computer science under your belt (or just understand what objects are in terms of programming) and basic javascript knowledge, you can write JSON.

(more…)

| Comments No Comments | Tagged under: intro, JSON
 

Fixing a Floated Element in jQuery

by Designfire

I just watched this screencast from jqueryforedesigners.com and it had so many little nuggets that I wanted to share it with you. For instance, I did not realize that if you were trying to get the margin (or padding or anything that is a number) of an element, and it returns a string like “20px”, you can strip the “px” by using .parseFloat(). Wow where has this been all my life. Hope you find this helpful as well.

(more…)

April 24, 2010 | Comments No Comments | Tagged under: jQuery, technique, tutorial
  • Tag Cloud

    featured html 5 intro jQuery JSON technique tutorial
  • Contributors

  • About Hanger Bay


    Hanger Bay was created to help intermediate web coders grow their skillset and become a more effective developer (if you can write HTML, some CSS, and little or no javascript, this is you).

    We provide web articles on new web technologies and provide links to the tools that can make your coding and debugging, more streamlined.

    Follow HB:
  • Subscribe to our feed
  • Receive email updates
    Share HB:
  • Add to your Delicious bookmarks
  • Retweet our URL
  • Email to a friend
    Navigate HB:
  • Home
  • Articles
  • More Resources