curtismchale 's Public Library

Visually disabled users range from the colour blind, to the fully blind. These users can have problems understanding images that are not accompanied by a text description of what they show. Without a text description a user who can't see an image has no way of knowing what it is, or what it represents.
finding the information we want can be difficult for the most able of us. The situation is not helped by sites that use an overly complex design, inconsistent navigation, and distracting, repetitive animation.
1 more annotations...
- There's another reason to make your site accessible (if you need any more!). According to current figures, disabled users currently make up around 10% to 20% of the population in most countries. Increase that figure to represent the portion of your users who fall into the categories listed above, and you're looking at up to 30% of the market for your Website.

19 May 09

55+ Extremely Useful Online Generators for Designers

background generators

www.balkhis.com/...nline-generators-for-designers - Preview

18 May 09

YouTube - WordPress Media Library and NextGen Gallery: Drag and drop images from anywhere with Snipi!

www.youtube.com/watch - Preview

30 HTML Best Practices for Beginners - Nettuts+

net.tutsplus.com/...l-best-practices-for-beginners - Preview

- Overview of Firebug
- Debug Javascript With Firebug - video tutorial
2 more annotations...
- 17: Once the Website is Complete, Compress!
  
  By zipping your CSS and Javascript files, you can reduce the size of each file by a substantial 25% or so. Please don't bother doing this while still in development. However, once the site is, more-or-less, complete, utilize a few online compression programs to save yourself some bandwidth.
  
  Javascript Compression Services
  
  Javascript Compressor
  JS Compressor
  CSS Optimiser
  CSS Compressor
  Clean CSS
- 27: Use a CSS Reset
  
  This is another area that's been debated to death. CSS resets: to use or not to use; that is the question. If I were to offer my own personal advice, I'd 100% recommend that you create your own reset file. Begin by downloading a popular one, like Eric Meyer's, and then slowly, as you learn more, begin to modify it into your own. If you don't do this, you won't truly understand why your list items are receiving that extra bit of padding when you didn't specify it anywhere in your CSS file. Save yourself the anger and reset everything! This one should get you started.
  
  view plain copy to clipboard print ?
  html, body, div, span,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  img, ins, kbd, q, s, samp,
  small, strike, strong,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100%;
      vertical-align: baselinebaseline;
      background: transparent;
  }
  body {
      line-height: 1;
  }
  ol, ul {
      list-style: none;
  }
  blockquote, q {
      quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
      content: '';
      content: none;
  }
  
  table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  html, body, div, span,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  img, ins, kbd, q, s, samp,
  small, strike, strong,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  }
  body {
  line-height: 1;
  }
  ol, ul {
  list-style: none;
  }
  blockquote, q {
  quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
  content: '';
  content: none;
  }
  
  table {
  border-collapse: collapse;
  border-spacing: 0;
  }