Custom Tag for Uni-Form

Here's a custom tag for the Uni-Form forms framework.

53 CSS-Techniques You Couldn't Live Without

53 CSS-Techniques You Couldnt Live Without is great collection of CSS examples and techniques.

Gliffy

Gliffy is a browser based flow diagram application.

Some More CSS

Label Placement in Forms

Matteo Penzo has a good article on Label Placement in Forms and the conclusions are...

* Label positionPlacing a label above an input field works better in most cases, because users arent forced to look separately at the label and the input field. Be careful to visually separate the label for the next input field from the previous input field.

* Alignment of labelsIn most cases, when placing labels to the left of input fields, using left-aligned labels imposes a heavy cognitive workload on users. Placing labels above input fields is preferable, but if you choose to place them to the left of input fields, at least make them right aligned.

* Bold labelsReading bold labels is a little bit more difficult for users, so its preferable to use plain text labels. However, when using bold labels, you might want to style the input fields not to have heavy borders.

* Drop-down list boxesUse them with care, because theyre so eye-catching. Either use them for important data or, when using them for less important data, place them well below more important input fields.

* Label placement for drop-down list boxesTo ensure users are immediately aware of what youre asking for, instead of using a separate label, make the default value for a drop-down list box the label. This will work for very long lists of items, because a user already has the purpose of the input field in mind before the default value disappears.

Do You Do Web 2.0?

Here's an interesting Design Guide .

Timeline

Timeline is a DOM/JavaScript based widget for visualizing time-based events. Data is fed to the widget using simple XML or JSON. Check out their examples to see how cool this project is.

Rounded Corners

I've always like rounded corners in my designs. I've found this extensive list of rounded corner resources.

Here's a new one where you can give the radius of the corner. Also it looks like my fav Nifty Corners has had an update.

CF Manager for SlideShowPro

A great little util for managing SlideShowPro libraries.

Why You Should Right Align Form Labels?

Swapnonil Mukherjee offers a good explanation as to Why you should right align form labels. He suggests by showing good examples that you eye must travel a smaller distance to navigate from form field to form field when the labels are right aligned.

More Entries

BlogCFC was created by Raymond Camden. This blog is running version 5.9.001. Contact Blog Owner