• Create an infinite polaroid image viewer with jQuery

    19


    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

    6

    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

    37

    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

    17

    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.

  • Implementing fonts with @font-face

    3

    This is probably one of the coolest CSS3 features, along with box-shadow and border-radius. @font-face was introduced in CSS2 by IE and it has been around since IE 5. Most browsers have the ability to use .ttf or .otf fonts, however IE has to be difficult – it only supports .eot fonts. Luckily it is very easy to implement all of these file types.

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