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

January 28th, 2010

AJAX and PHP, Building Modern Web Apps – Book Review

As many of you know, I'm a huge fan of reading actual web development books to increase ones skills. Sometimes, you just need to step away from the computer and read an actual physical book. I recently had the pleasure of reading AJAX and PHP: Building Modern Web Applications - Second Edition, and I absolutely loved it. I'm going to take some time today to go over the some of the book, and what I feel it has to offer the average reader.

Posted in Books, Client Side, Featured, Javascript, Resources
By Drew Douglass

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

PHP Tip: Add Custom Google Search Results to Your Site with PHP

Have you ever wanted to integrate a custom google search on your site, and style it to your liking? Today, one of our new Dev-Tips author Brian Cray will take you through adding custom google search results to your site with php.

Posted in Featured, Javascript, PHP, Server Side
By Brian Cray

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 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