Beautiful Forms with JavaScript

A while back, I posted a blog called "The JavaScript Switcharoo" that presented a technique for eliminating labels from form inputs. It was pointed out in the comments that this technique not only threw errors in Internet Explorer (not good), but would also cause usability issues for screen readers and other text-only browsers (also not good). I've since rewritten the script to cooperate in the ever-troublesome IE family of browsers, as well as using accessible XHTML markup.

View the Demo | Download the Source Code

What are we going for, here?

The desired outcome of this script is to 1) create a standard comment form, 2) dynamically display form field descriptions inside each form field using the information stored in corresponding label elements, then write functions to 3) hide the description when the user... read more

SimpleCMS Part 2 - Images

In part 1 of this series, we went over the basics of reading and writing information in a database, effectively creating a very simple content management system (CMS).

Due to the overwhelmingly positive response, I've decided to continue building on this CMS. I'll be writing a series of tutorials to cover new feature additions to our CMS.

Also, due to helpful criticism from experienced programmers, I'll be trying to address security concerns that were not taken into account in the original tutorial, leaving the CMS vulnerable to attack. However, I don't claim to be a security expert, so if you see room for improvement, let me know in the comments!

Uploading Images

Images are one of the most important parts of any website, so what would our CMS be without the... read more

The JavaScript Switcharoo

NOTE: As noted in the comments, there are some usability issues with this script. An updated version is available here.

I hate form labels.

There. I said it.

I'm opposed to the idea of forcing a little snippet of text to line up next to each form element so that we know what's going on with it. It's difficult, it takes up extra space, and it tends to make something like a newsletter input eat up too much screen real estate.

However, it would be rude of me to just assume that everyone knows what the hell I'm asking for when I slap a couple inputs in the top right of a site.

To get around this issue, I wrote a quick JavaScript function to make... read more

What I've Learned

First and foremost, the Discovery Channel runs some crazy shit after dark.

--

As an early Christmas gift to myself, I stopped in at Best Buy today and ordered a Cintiq 12WX. It should be here on Friday, and I'm giddy. I've been drooling over this thing since August, and I cannot wait to take it for a test drive.

--

Ford managed to impress me with their new ad campaign for the Ford F150.



I always enjoy video with a heavy emphasis on typography, and it's nice to see a mainstream ad featuring wordplay.

--

The count() feature in CSS is frustrating unless you get a handle on its scope... read more