Stephanie • 19th Aug 2008 • webdesign • aea, aea08, aeasf08, bookmarks, conference, link, links
- Edenbee
- Social networking and carbon footprints by Clearleft.
- A Dao of Web Design
- Jeremy Keith says everyone must read this. It talks about giving up pixel perfect control of the display of your websites.
- Google social graph API
- Traces XFN and hCard references to connect your different profiles and find out who you are connected to.
- SCRUM
- Replacement for the waterfall development method. It’s agile. Recommended by Kelly Goto.
- Trulia Snapshot
- Data visualization by Stamen – using real estate in San Francisco.
- Rescue Time
- Track what you spend time doing on your computer.
Stephanie • 18th Aug 2008 • webdesign • aea, aea08, aeasf08, aneventapart, bookmarks, conference, interesting, links
- Bobulate
- Can’t remember why it was mentioned but it is about IA and looks interesting.
- Wired
- Apparently half the people in the room read it. Jason used it as an example of how print can be very cool looking but the web is missing that pizzaz for individual articles.
- NY Times articles about Trolls
- Don’t feed the trolls. One of the trials of community managers.
- Flickr Colouring Contest
- Making lemonaid out or error messages as part of community management.
- Improve Everywhere
- Organizers of no pants day.
- A Brief Message
- 200 word articles on design.
- Iced or Hot
- The example website from Dan Cedarholm’s talk. The code is good but the data is not live.
- http://dowebsitesneedtolookexactlythesameineverybrowser.com/
- It doesn’t look the same in all browsers.
- Adobe Labs.
- Dreamweaver CS4 Beta.
Also, Jeremy Keith live blogged the whole works from the front row.
Stephanie • 14th Aug 2008 • webdesign • accomplishment, css, IE6
Just updated the look of Mum’s campaign website: Barb Hobson | A Strong Persistent Voice for Coquitlam-Maillardville. I changed everything without altering one line of HTML, man do I love CSS (IE6, I still hate you).
Stephanie • 11th Aug 2008 • webdesign • accessibility, browsers, css, friends, frustrating, grr, ie7, image replacement, web design, webdesign
I have a friend who lives his life in low contrast. He is frequently the inspiration I need to go the extra mile and find an accessible solution to a programing quandary. A few weeks ago I had the good fortune to get to visit him and we cruised around the internet while drinking Rusty Nails so I could walk in his shoes for a bit.
His computer is set up to use one of Windows XP’s high contrast colour schemes and he also makes use of IE’s ability to override a website’s CSS.
He started by showing me his university’s home page and complaining about the large black areas which (on my computer) corresponded to the header and main navigation. After a quick look at the code I got the sinking feeling I knew exactly what was happening, and a quick look at the BCIT home page confirmed it. IE7 was giving any elements with a background image defined a black background regardless of the background colour they were assigned in the element.
The Gilder/Levin method basically positions a span with a background image over top of the text you want to replace. In theory, if images are not being displayed the text beneath will show through the otherwise transparent span. IE gives these spans a black background even though they should be transparent.
The screen cap below show the BCIT home page, with the black areas corresponding to span tags using the Gilder/Levin method to place images. You can also see that we’ve changed all of IE7’s accessibility settings to white in an attempt to figure out which one is causing the change without success:
I tried many things but nothing could be done with CSS to fix it. Considering most image replacement techniques use background images of one form or another I imagine the problem happens quite frequently. My friend was still able to navigate (albeit uncomfortably) by hovering his mouse over the navigation menus and reading the tool tips.
The moral of this story could be something about roads to hell and good intentions, but I think the real lesson here is that all accessibility testing should be done over Rusty Nails. Go buy yourself some Drambuie.
