10 Ways To Make Your Site Accessible Using Web Standards

Without argument, one of the most important things to consider when creating a website is that it be accessible to everyone who wants to view it. Does your website play nice with screen readers? Can a user override your style sheet with a more accessible one and still see everything your website has to offer? Would another Web developer be embarrassed if they saw your code? If your website is standards-compliant, you could more confidently answer these questions.

  • Specify The Correct DOCTYPE
  • Define The Namespace And Default Language
  • Supply Proper Meta Tags
  • Use Accessible Navigation
  • Properly Escape JavaScript
  • Properly Escape HTML Entities
  • Use Only Lowercase Tags And Attributes
  • Label All Form Input Elements
  • Supply Alternative Content For Images
  • Use The "id" And "class" CSS Attributes Correctly
  • Summary: Validate, Validate, Validate!

Smashing Magazine: 10 Ways To Make Your XHTML Site Accessible Using Web Standards

Improve your jQuery – 25 excellent tips

jQuery is awesome. I’ve been using it for about a year now and although I was impressed to begin with I’m liking it more and more the longer I use it and the more I find out about it’s inner workings.

I’m no jQuery expert. I don’t claim to be, so if there are mistakes in this article then feel free to correct me or make suggestions for improvements.

I’d call myself an "intermediate" jQuery user and I thought some others out there could benefit from all the little tips, tricks and techniques I’ve learned over the past year. The article also ended up being a lot longer than I thought it was going to be so I’ll start with a table of contents so you can skip to the bits you’re interested in.

tviImprove your jQuery – 25 excellent tips

CSS: The Great Spicificity Swindle

Great understandable article about the 3 most important subjects in CSS: the cascade, inheritance and specificity!I recently held a workshop for my colleagues covering these as the primary subjects and more advanced CSS techniques. This article explains them in an understandable non-technical language.

read more | digg story

CSS Sprite Generator Released

Stuart Collville and Ed Eliot just launched a new CSS Sprite Generator tool, which is the first of many in a series of web-site performance tools.

For the uninitiated, a CSS Sprite is a single image file which contains several graphics. Using CSS background positions it’s possible to display any one of the graphics. By using a sprite you save on multiple http requests which helps speed up the rendering of your page.

The tool allows you to upload a zip of images which the script then concatenates into one image to be used as a CSS Sprite. The CSS offsets for each image are created and output and class-names for each image in the sprite can be generated from the filenames of each of the original images. In fact this approach is recommended.

A feature I’m really pleased with is the ability to screen out duplicate images, and either ignore them or have the classes merged to point to the same graphic. This is achieved through comparison of MD5 hashes of all of the uploaded files.

Original post at Ajaxian: CSS Sprite Generator Released

Edit-in-Place with Ajax

This is something I’ve been trying to figure out myself for a project I’m currently working on.

Back on day one we looked at using the Prototype library to take all the hard work out of making a simple Ajax call. While that was fun and all, it didn’t go that far towards implementing something really practical. We dipped our toes in, but haven’t learned to swim yet.

So here is swimming lesson number one. Anyone who’s used Flickr to publish their photos will be familiar with the edit-in-place system used for quickly amending titles and descriptions on photographs. Hovering over an item turns its background yellow to indicate it is editable. A simple click loads the text into an edit box, right there on the page.

24 ways to impress your friends: Edit-in-Place with Ajax

Edit-in-Place with Ajax

This is something I’ve been trying to figure out myself for a project I’m currently working on.

Back on day one we looked at using the Prototype library to take all the hard work out of making a simple Ajax call. While that was fun and all, it didn’t go that far towards implementing something really practical. We dipped our toes in, but haven’t learned to swim yet.

So here is swimming lesson number one. Anyone who’s used Flickr to publish their photos will be familiar with the edit-in-place system used for quickly amending titles and descriptions on photographs. Hovering over an item turns its background yellow to indicate it is editable. A simple click loads the text into an edit box, right there on the page.

24 ways to impress your friends: Edit-in-Place with Ajax

7Online.com: Sree’s Top Several Reasons to Try Firefox

7Online.com: Sree’s Top Several Reasons to Try Firefox:

“You have heard my solution many times before: download the free Google Toolbar at toolbar.google.com and it will automatically kill pop-ups. If you are on a Mac, then you should be using the free Safari browser, which you can get at www.apple.com/safari it eliminates pop-ups, too.

Today, I am recommending a whole alternative to the Internet Explorer (IE) browser. It’s called Firefox and is from the Mozilla Foundation, a so-called open-source project that wants to keep the software in production through the technical and financial contributions of people around the world.”