Web 2.0 Color
I came across Miles Burke’s blog yesterday. I must admit that his blog is entertaining and he shares a lot of knowledge to his reader.
He came out with Web 2.0 color palette in 2006 and 2007 version. You can use it as handy reference for the current Web 2.0 color.
Click here to go to his blog and download the color palette in JPG, PNG, and Photoshop version.
Web Tool to Create Rounded Corner
Cornershop is a free web tool to generate rounded corner boxes.
When you click Create Graphics, you will get four images, CSS code, and HTML code that you can use to make your own rounded-corner boxes.
Fancy Checkbox and Radio Button
If you are a web designer, you should have a look at FancyForm, a Javascript library to replace your checkbox and radio button on your web page.
The advantages are you need only two lines of markup to make it works, you can customize the look, and the web page still works on the older browser. It is free to use, but a link to FancyForm web site would be appreciated.
Click here for the demo.
Online Accessibility Testing Tool
GrayBit is an online accessibility testing tool designed to convert a full-color web page into its grayscale equivalent to help you to choose a better contrast combination.
Relying on colors to determine page visibility and contrast can be misleading. Converting the colors to their grayscale equivalents is a more reliable method. By removing color’s influence, you’ll better find true visual contrast… GrayBit makes it possible.
Compelling and Accessible Form
Form in a web site or web-based application allows user to input, edit, or delete data. Without form, we wouldn’t able to log in to web-based email accounts, purchase tickets online, or trade stocks online.
Form has an important role in the web pages. It should be part of integral design of the web site. Form, by default, is ugly due to the generic way web browser displays them. Without a compelling and accessible form, user might not want to input data, which translates to lost of customer and revenue.
Now, what is a compelling and accessible form? Form comprises input elements, such as text fields, check boxes, and action buttons. First, you should use CSS to format the layout of the form. Make the form stands out the crowd by changing the beveled input and boring-looking buttons.
Second, all input elements should in grouped and positioned in logical way. According to HTML: The Definitive Guide, input elements should be organized in logical groups so that user’s brain can process the form layout in chunks of related fields.
There are more than one ways to design a good form. Below are non-exhaustive list:
1. Web Form Design Best Practices
2. Web Application Form Design
3. A List Apart: Prettier Accessible Forms
