By Angel Wardriver jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and graphs can enhance functionality for the wide range of users. Let’s take a look at 35 powerful and effective jQuery plugins and techniques for slideshows, graphs and text effects. Also consider our previous articles:

Alright, another post regarding web form, this time, it’s javascript plugins that skin and beautify web forms. As a freelance designer, I found it quite frustrating to see different browsers render form elements differently. They don’t look the same. We can skin the textbox and button easily, but form elements like drop down list, checkbox, radio button and file upload are pretty hard to customize it. You would need css and javascript skill to skin [...]

Rating and voting features are one of the ways to encourage user interaction with the website. We vote for something we like and we think it deserve a little compliment. Also, based on the rating, we able to know everyone’s favourite item and it helps us to make decisions as well. This time, I have gathered a few of javascript rating plugins that are built with jQuery, Mootool or prototype framework and a few of [...]

Introduction This would be a simple, quick and easy tutorial. The reason I make this tutorial is for my upcoming post which will show you the plugins and scripts that I used in my most recent project. It’s going to be a really useful post and make sure you won’t miss it

I have almost finished a website that I’ve been working for almost 2 months. It was a web application that requires consistent layout across different browsers, intensive AJAX calls, javascript fanciness, form validation and of course server side technologies such as PHP and MySQL. This project is something new to me because it has a iPhone app that synchronize all the data. Oh well, I didn’t write the synchronization module, my colleague did it and [...]

This is my fouth tutorial about thumbnail effect. This time is the well known sliding door effect that slide the top layer to top, bottom, left or right direction to reveal the content underneath. Just in case sliding door effect isn’t your cup of tea, you can try the following tutorials for different kind of cool effect. Create a Vertical Sliding Bar Thumbnail Effect with jQuery Thumbnail Gallery with Slick Heading and Caption Effect with [...]

jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 10 Stunning Examples of jQuery Animation to get you on your way. Animated Header Using jQuery | demo

CSS3 is getting a lot of attentions recently. Myself, as a front end developer, I’m absolutely in love with CSS3. Rounded corner, drop shadow and rotation couldn’t be easier! The only drawback is, CSS3 standard is not fully implemented by most browsers and also, I believe you will get a lot of CSS validation errors as well. However, there are quite a lot of websites start using it already, for example, Twitter, it uses rounded [...]

Buttons (or links) are usually the elements on our sites that we want to draw a lot of attention to. Unfortunately many times they end up looking the most boring. You don’t have to let that happen though! I recently found a Tympanus post which provided a great method for making button have an unexpected pop. Here’s a quick tutorial on how to duplicate that look using MooTools.

// // If there’s one thing that never seems to go out of style, it’s a good jQuery slideshow. Highly visual websites rely on the ability to showcase imagery automatically. Whether it be a professional photographer or zoo, slideshows pop up so frequently because they work well. In today’s tutorial we’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, [...]