Category Archives

195 Articles

Posted by Ronald Anthonissen on

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

Posted by Ronald Anthonissen on

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

Posted by Ronald Anthonissen on

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