Dev Tips | Become a Better Developer, One Tip at a Time.

December 19th, 2009

Awesome radio button grouping with jQuery

I was asked to do something rather interesting with some radio button inputs the other day. I haven't come across this particular problem before and google didn't return anything helpful, so I decided to share what I came up with.

Posted in Client Side, Featured, Javascript, jQuery
By Barry Roodt

August 5th, 2009

Link Nudge jQuery Plugin

I think it was David Walsh who first showed me the idea of link nudging using jQuery. You can see on the sidebar we also use this technique. I haven't seen a plugin made to do this yet (as it is really simple) so I figured this would be perfect for a quick jQuery plugin tutorial. You can download the plugin and/or view the demo below.

Posted in Client Side, Downloads, Featured, Javascript, Resources, jQuery
By Drew Douglass

May 3rd, 2009

CSS Tip: How to Make Circles Without Images

About a month ago, Jeffery Way posted an article about creating shapes with pure CSS, no images added. I've been using the CSS3 property of border radius a lot in a design I've been working on and thought, "why can't I use this to make circles?" Today, I'll show you how to make your very own CSS circles. In addition, we will use our new knowledge to create a simple jQuery plugin!

Posted in Client Side, Featured, HTML/CSS, Javascript, jQuery
By Vasili

April 30th, 2009

Javascript Tip: Easy Fading Using jQuery

Whilst working on a project recently I came across a need for us to show a selection of images depending on their type and when a link to them is clicked. I decided to use jQuery as it saves a lot of time as most of the work is done for you. I will step through the code so you can see how I did it.

Posted in Client Side, Featured, HTML/CSS, Javascript, jQuery
By John Bloomfield

March 9th, 2009

How to validate Date of Birth with jQuery

In a recent project I had to implement what's commonly referred to as a Legal Drinking Age (LDA) page. Basically what needs to happen is that the user has to enter their date of birth and thus 'confirm' that they are of a legal drinking age for their respective country. You can view an example of just such a page here.

This brought me to an interesting requirement - the user needs to enter their birth of date (in this case via 3 select boxes), their age then needs to be calculated from the entered date and they are either granted, or denied access based on the result.

Posted in Client Side, Featured, Javascript, jQuery
By Barry Roodt

January 16th, 2009

jQuery Tip: Font Resizing With Animation Effects

Hey everyone. Sorry for not having a new tip published yesterday, I was feeling under the weather. Seeing how popular the original font resizing with jQuery article was, I thought it would be nice to spice up our original script with a little animation. This is extremely easy to do with jQuerys built in animation functions.

Posted in Client Side, Featured, jQuery
By Drew Douglass

January 10th, 2009

jQuery Tip : How to Select Radio/Checkbox Input On Click

I've been faced with the following scenario a few times during my web development career : First, you have an unordered list - within each list item you have a radio input. Secondly, when you click on the list item (i.e. the entire container), it must select the radio input and add a css classname of "selected" to the list item, thus highlighting the item that has been selected.
The following example will explain how to implement a workable solution. For a preview of what we will achieve, check out the demo.

Posted in Client Side, Featured, Javascript, jQuery
By Barry Roodt

January 9th, 2009

jQuery Tip: Animation and CSS Queuing

One of the great things about jQuery is its awesome and powerful animation abilities. Odds are at some point you have played around with the animate function. The question soon comes into play though, how do you queue one animation until the first one is completed? In addition, how do you queue the CSS until the animation is finished? We'll go over how to easily do this and present a quick demo.

Posted in Client Side, Featured, jQuery
By Drew Douglass

January 7th, 2009

jQuery Tip: Quick and Easy Font Resizing

One of the many great features of jQuery is how easy it is to edit the css via a user event, such as a click. We can use this to knowledge to edit any css property we wish. Recently, NETTUTS had a great article that went all out with a font resizing slider bar using the jQuery UI. While this article was certainly in-depth and well done, we want something quick and simple. Today we will create a simple script to allow the user to edit the current font size of an element.

Posted in Client Side, Featured, Javascript, jQuery
By Drew Douglass

January 6th, 2009

jQuery Tip: Resources for Creating Your Own Plugins

With jQuery easily becoming the quickest growing Javascript library on the market right now, it's no wonder the demand for quality tutorials is so high. One of jQuerys great features is the ability for anyone to quickly and easily create a plugin. Today, we will have a look at some extremely helpful resources to get you started with created your own jQuery plugins.

Posted in Client Side, Featured, Javascript, jQuery
By Drew Douglass