Sliding Labels v2 – Patch
February 2nd, 2010
Last week I wrote an article about sliding form labels that got quite a bit of attention. Many of the commenters brought up a couple good points/bug in the Sliding Label code that I wanted to address and provide a patch for:
The sliding label was barfing out in Safari when auto-fill was active
The default scripting [...]
Form Design with Sliding Labels
January 19th, 2010
Please use version 1.1 of sliding labels with updated options and bug fixes at: http://www.csskarma.com/blog/sliding-labels-v2/
A few weeks ago I was reading an article on form UI by Luke Wroblewski of Yahoo!. For those who aren’t familiar with Luke, he (quite literally) wrote the book on good form design.
In the article, one certain section about [...]
Conditional Animation Speed in jQuery
January 8th, 2010
For years (and by “years”, I most likely mean “the years since I started using jQuery… maybe 2″), there’s been one aspect of jQuery that’s bugged the crap out of me, the animation speed.
View demo
We’ve all probably seen the problem that happens in many drop down menus of varying height. We set slideDown(300) (or whatever [...]
What You Need to Know About Behavioral CSS
December 21st, 2009
Hi all,
I had a new article published over the weekend at Smashing Magazine. Check it out and let me know what you think!
Behavioral CSS
I wrote it quite a while ago and it seems to be showing a bit in the comments, but overall, I’m pretty happy with the way it came out and the reader [...]
CSS Techniques I Wish I Knew When I Started Designing Websites
December 18th, 2009
I know I haven’t posted in a while, but I wanted to stop by and let everyone know that I have a new article out on Noupe.com called “CSS Techniques I Wish I Knew When I Started Designing Websites”
It was pretty fun to write trying to think back to my beginnings in the Web and [...]
Quick Tip #3 – Textarea Fonts
August 31st, 2009
The Problem
The font family in this text area default to Courier New, but that’s pretty ugly.
The Goal
Look at the nice font in this textarea!
The Solution
You have to redefine the font-family for a textarea. Just a weird quirk.
textarea{
font-family:Verdana, Arial, Sans-Serif;
}
Selectable RSS with SimplePie and jQuery
August 17th, 2009
I was building an RSS reader for a project last week and it turned out to be a cool little app. So I thought I’d share some of the code.
View demo
Download demo files
Let’s start off with the HTML we need to get some user interaction with the form. It’s a pretty basic, just some of [...]
10 Videos for the Web Community
August 7th, 2009
I was poking around YouTube last night watching some design videos and I thought I’d share them since it’s been my RSS feed has been a bit stale lately (I’ve been working on a pretty big redesign for this site). Enjoy!
Web Design Mistakes
Duration: 3m 52s
Watching someone use a screen reader
Duration: 3m 31s
This is really boring [...]
Quick Tip #2 – Bringing Back Search with jQuery
June 29th, 2009
This is something I use on all my projects now. It’s designed for a search box, but can be used with any sort of input field.
The great thing about this is that the field value “Search” will only come back onBlur if the field is empty (or doesn’t say “Search”). So if you started typing [...]
