Resources - knowledge sharing
Last revision: 14th May 2k9
Older resources are currently displayed in the old site format. I need to revisit each resource before bringing it into the fold and it may take some time.
Free online tools
- Hex & RGB conversion tools
- Convert Hexadecimal colours into RGB colours and vice-versa.
- HTML text parser
- Parse text to replace > < and & with > < and & To convert text so it may be displayed in a webpage.
- Image to data URI convertor
- A simple utility to convert an image into base 64 data URIs for embedding images.
- UK postcode to coordinate convertor
- Convert UK postcodes into longitude and latitude mapping coordinates
JavaScript
- Accessible tab navigation
- added: 21st October 2010
- A progressively enhanced accessible tab navigation which doesn't rely on jQuery.
- Redirect scripts
- added: 13th October 2k9
- Redirect scripts in JavaScript, HTML, ASP, PHP, and ASPX.
- Styled & accessible tooltips
- added: 14th May 2k9
- Converts title attributes to styled tooltips using CSS and jQuery.
- Useful JavaScript functions
- added: 2nd January 2k9
- A continuing collection of really useful JavaScript functions.
- UK Postcode to coordinates conversion tool
- added: 8th November 2k8
- An online tool to convert UK post codes into longitude and latitude mapping coordinates.
- Cross-fading disjointed image rollover
- added: 28th September 2k8
- Accessible, semantic and completely unobtrusive implementation of a cross fading disjointed image rollover.
- Embedding Flash video accessibly
- added: 25th September 2k8
- Continuing with unobtrusive Flash insets. Here's how to present Flash video in an accessible manner. Including as required: Alternate media, captioning, audio description, and text transcript.
- Embedding Flash accessibly
- added: 15th September 2k8
- Add Flash insets to your website in an unobtrusive and accessible manner.
- Gzip content
- added: 13th September 2k8
- A simple content compressor to help speed up delivering your website.
- Accessible glossary
- added: 10th January 2k8
- A neat little solution that uses Ajax to fetch definitions. Works with and without JavaScript available. Easily tailored to suit inclusion into a database.
- Displaying code in web pages
- added: 25th June 2k6
- updated: 14th September 2k8
- A semantic cross-browser cross-platform method with added CSS styling and striped via unobtrusive JavaScript.
- JavaScript syntax high lighter
- added: 27th June 2k6
- A simple online tool to add syntax highlighting to JavaScript. for use in your web pages.
- Accessible form help
- added: 15th June 2k6
- An accessible method of hiding form help utilising unobtrusive JavaScript.
- Accessible Date Picker Calendar [beta 2]
- added: 2nd September 2k5
- updated: 16th December 2k5
- A new version is currently under development
- Accessible JavaScript scroller
- Deprecated.
- Accessible vertical scroller
- Deprecated.
Cascading Style Sheets
- Useful CSS snippets
- updated: 14th September 2k8
- An odd collection of really useful CSS snippets.
- Accessible & semantic image rollover menu
- added: 12th June 2k5
- updated: 22nd June 2k6
- A semantically written menu that uses a single image and swaps accompanying text descriptions in an accessible manner.
Accessibility
- A beginners online accessibility workshop
- written: 26th November 2k4
- added: 25th June 2k6
- A workshop run by the now defunct NGfL aimed to train developers & managers in accessibility basics. Supplied "as is" it may be of use to others giving basic training.
- Accessible Forms: Guidelines & Manipulation
- updated: 2nd September 2k5
- updated: 15th June 2k6
- updated: 9th August 2k6
- A comprehensive list of form guidelines, examples for search, login and contact, plus DOM compliant JavaScripts for high-lighting focused inputs elements, form help, field text high-light and replacement.
- Accessible quiz
- added: 5th June 2k5
- updated: 19th August 2k5
- An accessible XHTML quiz designed to be easily re-purposed.
- Dive Into Accessibility [zip 168KB]
- Download a copy of Mark Pilgrims free e-book. I highly recommend this book and it's completely free.
Web standards
- Font size conversion chart
- A chart of font sizes stated in points, pixels, ems, percent and words. With an example text in serif, sans-serif and monospace type.
- Commonly used symbols
- A list of those symbols that are never remembered (½ for instance). Stated in both numeric and symbolic terms. Including currency and a few lesser used symbols too.
- Developing With Web Standards [off site]
- Explains how and why using web standards will let you build websites in a way that saves time and money for the developer and provides a better experience for the visitor. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible to as many as possible.