Bulletproof Web Forms Part Two: Accessibility
Now that we've roughed out the content and have written the preliminary mark-up, it's time to take a look at accessibility. Accessibility is an often overlooked aspect of web design that has many benefits. Outlining those benefits, however, is beyond the scope of this article. Suffice it say that it will allow users on any web browser to use your site more easily. If your user is browsing with a screen-reader, text-only browser, a cellphone, or a desktop browser like Firefox, adding accessibility features will make your form more user-friendly.
Continue reading Bulletproof Web Forms Part Two: Accessibility
- Posted on
- 2006-04-03
- under:
- Web Development
- Comments:
- 1
Bulletproof Web Forms Part One: Content
A web form is most often the core of a web site. Every e-commerce web site and every community or social web site relies on forms to succeed, yet forms are so often neglected. I've spent some time lately working with forms, and I'm pleased to share my findings in a series of articles where I will cover form content, accessibility, presentation, and behavior of bullet-proof form design.
Setting the scope
All projects large and small have a goal. This project is no different, so let's begin by setting the bar for our form:
Continue reading Bulletproof Web Forms Part One: Content
- Posted on
- 2006-04-03
- under:
- Web Development
- Comments:
- 0
Five Bad Things about Firefox
Firefox rocks on Windows, but there are a few things about it that bother me. Especially on the Mac platform.
- <input type="hidden"> are not hidden. If you style a page with a rule that adds a border around all inputs, it affects hidden input fields and creates a visible border. The fix is to manually add a CSS declaration like:
input[type=hidden] { visibility: hidden; } - <q> elements are wrapped in dynamically generated quotation marks
Continue reading Five Bad Things about Firefox
- Posted on
- 2006-01-12
- under:
- Web Development
- Life in General
- Comments:
- 12
Vector art for clean web graphics
If you've ever used vector art in either Photoshop or Illustrator for the web, you may have been frustrated that your lines aren't clean, and a 65 pixel wide rectangle doesn't necessarily slice down to a neat 65 pixel wide image. When I was made aware of the cause, it felt like a no-brainer. But I figure it's a good time to pass along what I've learned should some one else find it as useful as I have.
Coming from a print background, I'm big on using vector drawing software, namely Adobe Illustrator, in place of raster software like Photoshop for creating original art. Vector artwork scales indefinitely, which is a great boon in print, and the tool set offered in Illustrator is comparable to Photoshop, and superior in other ways. Also coming from a print background, I had never paid much attention to the easily overlooked Pixel Preview option.
Continue reading Vector art for clean web graphics
- Posted on
- 2005-11-16
- under:
- Web Development
Google Page Rank
I've known that Google keeps a Page Rank for every site that it indexes, and I've also known that it changes constantly. Truthfully, I've never really paid much attention to it. I just search for a few key words and see how close to the top the sites I'm interested in are. I've decided to spend a little more time watching Page Rank, and this article marks the beginning of my education in SEO.
Continue reading Google Page Rank
- Posted on
- 2005-10-22
- under:
- Web Development
- about the site
- Comments:
- 7