Tom Walters

Tag: JQuery

  • Create a bullet-proof contact form

    Note: This article has been marked for a quality review and will soon be updated. Contact pages are usually one of the basic building blocks of any website, and while many simple feature an email address for spam bots to pick up and use, or even a handy ‘mailto’ link, the best ones feature a…

  • Prevent broken animations in jQuery

    Note: This article has been marked for a quality review and will soon be updated. I recently posted an article on Animating a Site’s Loading using jQuery – a handy technique to spice up any site. But an issue that became apparent using this technique, along with some other animation methods, is that sometimes user…

  • Hide an element with jQuery whilst scrolling

    Note: This article has been marked for a quality review and will soon be updated. Today I came across an interesting problem that no amount of Google searches could solve. So I had to knuckle down and come up with a solution – and surprisingly it was much more simple that it had first appeared.…

  • Animate a site’s loading

    Note: This article has been marked for a quality review and will soon be updated. There are a lot of things we can do as web designers to improve the UX of a site, much of the time subtle animations can be added to add a bit of finesse to a page, and a new…

  • 10 Best Practises for jQuery Beginners

    Note: This article has been marked for a quality review and will soon be updated. jQuery is the one of the most popular JavaScript frameworks available; it enables developers to write code that is easy to understand but that also allows really powerful functionality. There are a boat-load of tutorials out there on jQuery, and…

  • Spice up your Hyperlinks!

    Now the words ‘hyperlink’ and ‘sexy’ rarely frequent the same sentence in my household, but something which appears to have come into fashion lately (namely I’m using it ;)) is the fading in of the hover state on hyperlinks. So instead of simply specifying the :hover state in your CSS, you use JavaScript or CSS3…

  • Building a Confirmation Dialog in JavaScript

    Note: This article has been marked for a quality review and will soon be updated. A common feature of desktop applications is that when a user prompts a potentially destructive action, the program will display a confirmation dialog to ensure that the user doesn’t go and do something silly. To do this we will use…

  • 5 Amazing jQuery Plugins

    Okay, so there are plenty of roundups of great jQuery plugins out there, but I’ve decided to put together a list of some of my favorite. I’ve compiled this list because I use most of the plugins on a daily basis, and I have found each and every one of them to be a real…

  • Using jQuery’s toggle() function

    Note: This article has been marked for a quality review and will soon be updated. jQuery is packed full of useful features that help you to “write less, do more” as their slogan says. One thing I have found over the years, when working with JavaScript, is the need to know what state an object…

  • Get going with jQuery!

    If you would have asked me 6 month ago what I thought of Javascript, I would have told you I thought it was a precarious language which never worked for me – and that’s coming from a semi-programmer! To me the language was cumbersome and seemed like it was cobbled together in a very short time…