Hi there! Sorry for the lack or posts. I recently started a new job and have been preoccupied with that. Anyhoo, I'm in the middle of writing a new tutorial for a snazzy menu system. Stay tuned. Oh, and kudos to my new Twitter followers!

Eight harsh truths for clients about web design

Eight harsh truths for clients about web design

Every now and then we all have to deal with a client who has ‘interesting’ ideas for their web site. You know the type – the guy who wants an animated background, or the girl who insists on having all the text coloured light grey on a white background at 10 points. When it comes to web design, I’m a firm believer in the philosophy that the client is rarely if ever right. I justify this seemingly obtuse position like this: Would you tell a pilot how to fly an aeroplane? Or tell a mechanic how to fix your car? Of course y...

keep reading 'Eight harsh truths for clients about web design'

Adobe WorkflowLab: Worth keeping an eye on

Create a CSS image sprite based feature box

A few good practices for optimising your CSS

Fixing the 'read more' problem

Randomness

Create a stylish accessible form

Create a stylish accessible form

There are a stack of different ways to lay out a form, but honestly sometimes I’m undecided on which way is better. Some say there’s nothing wrong with using a table to position your form elements, but I reckon that makes it semantically meaningless. Forms have admittedly always been a field (bad pun, sorry) of HTML that I've not paid as much attention to as I should have, but I recently decided to create a functional template with the intention of re-cycling it when needed. I had several goals for this exercise. The form needed to: be accessible have good usability utilise all the common form elements be scalable not use any JavaScript for effects validate XHTML Strict and CSS 2.1 work in as many browsers as possible without relying on conditional hacks look swanky! The finished product can be viewed here, and the complete source and demo is downloadable at the end of this article. The XHTML bits As accessibility is a concern, we will surely be putting in fieldsets, legends and labels. These elements also provide us with plenty of styling options, so no complaints so far. So here's the form: <form id="myform" method="post" action=""> <fieldset> <legend>Personal</legend> <label for="name">Name <span>(Your full name please)</span></label> <input type="text" id="name" /> <label for...

Keep reading 'Create a stylish accessible form'

Topics

Login to That Web Guy Blog

Login

Not registered? | Forgot your Password? Cancel Login