Colorful posts in
the ‘jQuery’ category

The first time you stumble upon it, it’s a bit confusing that the slideDown and slideUp functions in jQuery only allow you to slide an element downwards. However, we can use them to slide an element upwards with just a little bit of CSS and without adding any extra jQuery code.

Read more

Tags: development, javascript, user interface

Now that 2010 is over, it’s nice to look back and see how many things you’ve learned on the last year. In order to start stretching those muscles for 2011, here’s a review of the most interesting jQuery tutorials featured in ilovecolors during 2010.

Read more

Tags: javascript, plugin, tutorials, usability, user experience

The excerpt is great for magazine sites where only a small bunch of words can be displayed on the home page. However, the lack of a character counting functionality for the field makes it hard to know how many you already typed in. In this tutorial we will learn how to easily add a character counter for the excerpt.
Read more

Tags: cms, javascript, tutorials, wordpress themes

Sometimes we need to include a feedback form but without making it too obtrusive to the user so we only want to add options when he is actually using it. In this tutorial we’re going to learn how to reveal hidden fields in a form when an option in a select combo box is selected using jQuery, the JavaScript library.
Read more

Tags: css3, javascript, tutorials, user experience

A friend asked the other day how to create a featured posts section without using plugins, since most of WordPress plugins that you can find to create featured posts are a bit bloated, which isn’t neccesarily bad, since plugins authors try to address almost every situation in order to provide a more useful plugin. The drawback (with plugins in general) is that you end up with a lot of options that you seldom use. In this post we will learn how to create a featured posts section, using WordPress sticky posts and how to integrate them in a slider, using jQuery Cycle.
Read more

Tags: cms, tutorials, wordpress themes

Ideally, you won’t have any 404 situations in your site. Of course, we all know this is far from being true and “Not found” pages on your site is a common situation that might arise from different reasons, ranging from bad or expired links to simple user typos. In these cases, you can and should build better 404 page by providing some information for them to find the content they were looking for. In this tutorial we will explore one way to build a more friendly 404 page by displaying the WordPress search field populating it with the terms used in the url written by the user.

Read more

Tags: development, seo, wordpress themes

Even though WordPress might not the friendliest CMS for user management, provides a good amount of customization for users meta information and profiles. However, one thing that is a bit rough right now is the Personal Options block in the User Pofile: you can’t hide it by removing an action hook or even filter it. In this tutorial we’re going to learn how to removing it using jQuery.
Read more

Tags: membership, plugin, user experience

Back in April 3rd, 2009, I wrote a small script to create tabs with jQuery. Many readers liked its simplicity and asked for some more features, like the ability to automatically rotate between each tab and those were into the second incarnation of the tabs. Many more asked through the comments or by email about the posibility to include multiple instances of the rotating tabs and that’s what this release is about. Read more

Tags: development, javascript, resources, tabs, tutorials

Cookies aren’t just tasty and chocolate-flavoured. They can also store useful information for your users to have a better experience on your site. They are jQuery flavoured too. In this tutorial we will learn how to use jQuery and cookies to store some user preferences in a cookie to display an specific content to the user. So, grab one of your favourite cookies and read on.
Read more

Tags: tutorials

There has been always one troubling issue regarding web forms and user interaction: when the user double clicks the submit button. Detecting and preventing it or disabling the button is an expensive operation in terms of computing. Fortunately, jQuery has a neat solution. As usual.

Read more

Tags: javascript