Tutorials Category Archives
jQuery 1.1 Makes a Big Splash
15 January 2007 | Tutorials | No Comments
I take the day off and hit the golf course only to come back and find out that John Resig and gang have launched jQuery 1.1 with a bunch of new improvements, reworked site design for the official jQuery site, and some really sharp jQuery plugins.
Just the Facts
John goes into much more detail on the […]
Read ‘jQuery 1.1 Makes a Big Splash’
Big Speed Increases with jQuery 1.1a
8 January 2007 | Tutorials | No Comments
On the same day I’m about to announce a fantastic new plugin, John Resig announces the release of jQuery 1.1 and promises huge speed increases:
" We’ll be releasing some final numbers soon, but we’re looking at 4x-10x speed improvements - with some selectors seeing a 30x speed bump."
I’m going to test my plugin […]
Read ‘Big Speed Increases with jQuery 1.1a’
jQuery Online Movie Tutorial by John Resig
3 January 2007 | Tutorials | 12 Comments
John Resig, creator of jQuery javascript library, has posted an online video about how to make an accordion style menu using jQuery.
Pretty basic stuff… but a good intro to jQuery if you’re new to this.
Read ‘jQuery Online Movie Tutorial by John Resig’
jQuery Tutorial Ideas Wanted
14 December 2006 | Tutorials | 18 Comments
Over on John Resig’s blog he’s asking people to submit ideas about different types of tutorials they want to see for jQuery. I have a two part tutorial about to be released that is going to knock your socks off, but I’d love to know what sort of tutorials you’d like to see at 15 […]
Read ‘jQuery Tutorial Ideas Wanted’
New Version of jQuery Released
13 December 2006 | Tutorials | 2 Comments
Just announced today, version 1.0.4 of jQuery was released. I’ll be updating my installation of jQuery on the 15 Days of jQuery blog and also releasing new tutorials in the coming days and weeks.
John Resig and company squashed a whole bunch of bugs.
They also added some innovative features I’ll have to investigate further, and then […]
Read ‘New Version of jQuery Released’
jQuery Just Keeps Getting Better and Better!
3 August 2006 | Tutorials | 3 Comments
Through my subscription to John Resig’s RSS feed (he created jQuery) I have noticed a flurry of activity over the past several weeks.
I’ve been burdened with a ton of projects I’ve been putting finishing touches on and so I haven’t had time until now to post about all the new plugins and great contributions to […]
Read ‘jQuery Just Keeps Getting Better and Better!’
Draggable Droppables And Selectables… Oh My
10 July 2006 | Tutorials | 23 Comments
When I first started 15DaysOfjQuery.com I made this comment on one of the ‘About‘ pages:
If you need super fancy effects for animation, drag and drop, and super smooth animation then you’ll probably want to use Prototype and one of the many great library created to enhance the effects.
I left my erroneous remark up to show […]
Read ‘Draggable Droppables And Selectables… Oh My’
Javascript Tooltips on Steroids
6 July 2006 | Tutorials | 27 Comments
Note: This is an update to my original post, which can be seen here: jQuery Tooltips
Cody Lindley, author of Thickbox, recently released jTip - The jQuery Tooltip.
I really like some of the extra bells and whistles that these tooltips provide. I’m sure that there are those among you that think there’s no need for yet […]
Read ‘Javascript Tooltips on Steroids’
jQuery Tooltips
6 July 2006 | Tutorials | 3 Comments
Cody Lindley, author of Thickbox, recently released jTip - The jQuery Tooltip.
I really like some of the extra bells and whistles that these tooltips provide. I’m sure that there are those among you that think there’s no need for yet another tooltip - but I can see some exciting applications for Cody’s idea in my […]
jQuery Tabs
27 June 2006 | Tutorials | 10 Comments
A fellow named Klaus has created a nifty little plugin that creates accessible unobtrusive javascript tabs using jQuery.
With the correct (x)HTML and CSS you can create tabs as easily as
$.tabs(”container”); // first tab on by default
If you want to have the second tab “on” by default:
$.tabs(”container”, 2); // second tab on
Klaus has an example […]
jQuery Lightbox
22 June 2006 | Tutorials | 38 Comments
Cody Lindley’s first rendition of “Thickbox” was what got me interested in jQuery. He’s since done an update on Thickbox to fix some cross browser compatibility issues.
A few things to notice
$(document).ready kicks off the TB_init() function, which in turn attaches an onClick event to all links with the class name of “thickbox”.
function TB_init(){
$(”a.thickbox”).click(function(){
var t = […]
Multiple File Upload Magic With Unobtrusive Javascript
19 June 2006 | Tutorials | 39 Comments
Warning - the demos are for this tutorial went a little crazy when I recently made a change to the jquery file. I will be working to bring the demos for this tutorial back online. Until then, don’t view the tutorials if you are using IE.
Many months ago, when trying to catch up […]
Read ‘Multiple File Upload Magic With Unobtrusive Javascript’
Edit In Place with AJAX Using jQuery Javascript Library
14 June 2006 | Tutorials | 62 Comments
I originally saw a version of this concept on Quirksmode and then a more Web 2.0-ish version on the 24 Ways site.
I’m going to show you two ways that you could use jQuery to accomplish the same effect, or better.
The Goal
An AJAX (or AHAH) proof-of-concept page that allows the visitor to edit the very (x)HTML […]
Read ‘Edit In Place with AJAX Using jQuery Javascript Library’
Quick and Dirty AJAX
9 June 2006 | Tutorials | 18 Comments
I’m trying something a little different today. It took me a while to figure out why I couldn’t open a free account with YouTube for about 3 weeks but now that it’s all straightened out I thought I’d upload a video where I walk you through some of the basic ways you could use jQuery […]
Rounded Corners With Javascript (jQuery)
5 June 2006 | Tutorials | 28 Comments
Yesterday at 5:15 PM, I was jones-ing for my quick email fix after being away from the computer for almost 48 hours so I fired up Thunderbird and instantly grabbed a few RSS feeds I subscribe to. (On the weekends I’m swamped with home renovation projects and all my free time is spent with friends […]
Read ‘Rounded Corners With Javascript (jQuery)’
Style Sheet Switcheroo
2 June 2006 | Tutorials | 9 Comments
The first time I saw a style sheet switcher I was either reading A List Apart or Simple Bits, both excellent sites you should visit if you are serious about design.
Since then, I’ve seen many different methods for allowing a visitor to switch a stylesheet with a click of a mouse. But recently I came […]
Safer Contact Forms Without CAPTCHA’s
30 May 2006 | Tutorials | 44 Comments
Here’s a subject that’s close to my heart: secure contact forms.
As I mentioned in a previous tutorial, one common use of contact forms is to help visitors communicate with you without exposing your email address to the email harvesting software used by spammers.
But when it comes to spam, hardly anything’s worse than an insecure contact […]
Read ‘Safer Contact Forms Without CAPTCHA’s’
Wrap It Up - Lazy Man’s HTML Generation With jQuery
29 May 2006 | Tutorials | 24 Comments
The Memorial Day weekend is coming to a close - I’ve been away from the computer for almost 48 hours (gasp!) and I want to get another jQuery tutorial up and online quickly.
I’m dying to do the write up for “Edit In Place the Jquery Way” and “Multiple File Upload Magic” but the code for […]
Read ‘Wrap It Up - Lazy Man’s HTML Generation With jQuery’
Safer Mailto Links
25 May 2006 | Tutorials | 18 Comments
Rule number one when it comes to preventing spam: Don’t put a your email address in a mailto: link.
To fight the evil Legion of Spammers, web designers and programmers have come up with some creative solutions. Let’s take a quick look at the more common workarounds and the drawbacks (minor as they may be).
name [at-no-spam] […]
Affiliate Link Loveliness
23 May 2006 | Tutorials | 14 Comments
Today’s tutorial is a quickie. I want to tackle something easy early on in the “15 Days” so that someone new to javascript can sink their teeth into a real world example without getting bogged down in code.
The fact that I find myself desperately short on time today with deadlines looming certainly sealed the […]
Read ‘Affiliate Link Loveliness’
Table Striping Made Easy
21 May 2006 | Tutorials | 36 Comments
I’ve prepared a step by step demonstration to take someone else’s well written javascript and reduce it down to 5 lines or less. At the same time you’ll see how I make it a little more flexible and useful.
Take a look at “Stripe your tables the OO way” by Matthew Pennell. His code is clean […]
Read ‘Table Striping Made Easy’
Quicker Than window.onload
21 May 2006 | Tutorials | 32 Comments
Window.onload() is a workhorse of traditional javascript code. It’s been used by coders for years to kick start the client side magic as soon as everything on the page loads up.
But sometimes waiting for a page to load just isn’t quick enough.
A few large image files will quickly reveal that window.onload() can be painfully slow. […]
Read ‘Quicker Than window.onload’
JQuery - What, Why, When, Where, Who
21 May 2006 | Tutorials | 2 Comments
jQuery is an amazing javascript library that makes it easy to create wonderful web effects in just a few lines of code. As the website says, it makes javascript fun.
If you’re thinking… “Boy, I need another javascript library like I need another hole in my head” then join the club. That’s exactly what I thought when I first came across it.