Category Archives

195 Articles

Posted by .Ronald on

404 Best Practices

A 404 error on the web is what a web server responds with when it is tasked with serving up a resource that it can’t find.

  • It should still look like your website
  • Apologize
  • Search
  • Give readers useful links
  • Way to Contact / Report Error
  • Automatic Reporting
  • Humor
  • Redirect?
  • File Size

CSS-Tricks404 Best Practices

Posted by .Ronald 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 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 on

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

Posted by .Ronald 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