Enhanced version of tysoh.com getting more “Ajaxed” and “Slidier” with jQuery

It’s getting a little busy now for the site, in terms of the back-end coding. Almost everything right from the thumbnail boxes with slide-up texts, tabbed pages with sliding transition, to the Contact page with errors validation, its all integrated with jQuery, CSS and HTML. However, its certainly going to be more interactive, consistent and sleeker than before.

Two greatest challenges I have faced this time round, is firstly trying to get the site to look consistent across all major browsers, such as IE7-8, Firefox, Safari and Opera. The main issue actually lies with the tabbed pages, z-index property has to be added to the CSS tabs, in order for the tabs to look exactly what I want under IE7.

Another problem I have faced, is when integrating reCaptcha with jQuery. Although, I have done it with PHP before, but its a little more complicated when working with Javascript. I will be posting a separate tutorial soon, stating the exact problem and solution.

After working with jQuery for the past 2 days, I realised that its not too difficult to implement, as long as the online tutorials are available. However in terms of browsers compatibility, more time is required to test out the site. And for any future modification required for the site, its definitely going to take more time to adapt. Nevertheless, its still fun trying out new things, you should try it out too!

What is jQuery?
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. – abstracted from jQuery.com

What is reCaptcha?
reCAPTCHA is a free CAPTCHA service that helps to digitize books, newspapers and old time radio shows. A CAPTCHA is a program that can tell whether its user is a human or a computer. You’ve probably seen them — colorful images with distorted text at the bottom of Web registration forms. CAPTCHAs are used by many websites to prevent abuse from “bots,” or automated programs usually written to generate spam. No computer program can read distorted text as well as humans can, so bots cannot navigate sites protected by CAPTCHAs. – abstracted from reCaptcha.net

Updated on 5th of Dec 2009:
Now even the portion for displaying the RSS feed is based on Ajax. To learn how is that possible, just read here.

Leave a Reply


Travel to top