• Create an infinite polaroid image viewer with jQuery


    The name of the tutorial might be a bit confusing, so I’ll start by clearing it up.

    Infinite – Refers to the fact that if you click the “next button” on the last slide, it loops to the first image, and vice-versa with the “previous button”. (Achieved with jQuery javascript)
    Polaroid – Refers to the look (achieved with CSS)
    Image Viewer – I was going to use “Carousel”, however, this doesn’t really slide… It fades. So “Image Viewer” found a place in the title. (Achieved with jQuery javascript)

  • Forms, jQuery and CSS3


    Everyone needs to create a form at one point or another and I’ve got a few rules I generally stick to when designing and developing forms in general.

  • How to make a jQuery Drop-Down Menu with a CSS fall-back


    The biggest problem with javascript is that we can’t completely rely on it. It can easily be disabled, and once this happens, websites should still function correctly. Javascript powered sub-navigation menus are a big problem, because if javascript is disabled, your website’s navigation suddenly goes out the door. But fear not, there is a solution!

  • Create a Search Form with CSS3 and jQuery


    Most websites nowadays have a search form somewhere. I’m pretty sure I don’t need to explain why it’s a good idea to have a ‘search’ functionality built into a website and most Content Management Systems already come with the functionality built in. Usually the search area is in an easy to see/find place and it’s because of this reason it’s a good idea for it to look good – Or at least consistent with the rest of the website.

  1. 3
  2. 4
  3. 5
  4. 6
  5. 7
  6. 8
  7. 9
  8. 10
  9. 11
  10. 12