Here’s some CSS buttons.
These will stretch to fit any amount of text – even if it gets so large it becomes a banner.
They use just one image – and have a ‘web 2.0′ sheen.
They have an icon (which can be positioned to the left or right)
They have a hover state – the text and the background colour can change.
Here’s some tags. They stretch to fit the text and change state on hover:
Here’s the code and image:
swfobject is a great tool for serving flash in a standards-based, accessible way.
Version 2.1 is available at google code – here’s the link: code.google.com/p/swfobject/
There are two publishing methods: static publishing method & dynamic publishing method.
Continue reading »
I’ve created a presentation about HTML emails.
Contents:
HTML Markup:
Cross Browser Valid:
CSS Styling:
If you add the following meta tag:
<meta http-equiv="imagetoolbar" content="no">
Then you won't see the following for IE image hover:
If you add the following meta tag:
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
Then ONLY phone numbers within the following tags will be highlighted:
<!-- sphoneid telnr="+15551234456" fileas="John Smith" -->(555) 1234 456<!-- sphoneid -->
Useful meta tag link: More information on meta tags
Wikipedia will tell you that the international symbol for accessibility is the wheelchair symbol. The International Commission on Technology and Accessibility have designated (and copyrighted) this as the International Symbol of Access (ISA).
The symbol is clear, and it denotes wheelchair access. An alternative to stairs or other obstacles which obstruct the access to wheelchairs will not be found where you see this symbol.
Here are a few symbols that could be used as an alternative to a wheelchair:
Here’s a few tips to bear in mind now we have a new range of browsers.
Accessibility needs are becoming more important as a solution to giving cross-browser accessibility to everyone. It’s not just people who have accessibility needs, now it’s devices, or ‘thin clients’ which are having accessibility issues.
There’s some new rules for ensuring your web site works with browser zoom or in the new mobile browsers.
There’s two new browsers in town: Apple IPhone and Opera Mini (testing on version 3.1.2). They shrink full websites down to a small screen size.
1. Css media=”handheld” is ignored by the iPhone and Opera mini browsers. They think they’re real browsers. Any style-sheet with media=”screen” will be rendered by these phone browsers.
2. Zoom isn’t a raster zoom. The text font size is reduced independently to the spacial elements. It should be reduced by exactly the same amount but it doesn’t always work perfectly.
Good web dev reference books:
