+++ WEB DESIGN UPDATE. - Volume 6, Issue 03, July 12, 2007. An email newsletter to distribute news and information about web design and development. ++ISSUE 03 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/goto/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVENTS. 04: FLASH. 05: INFORMATION ARCHITECTURE. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility and 508: A Guide to Web Standards and Government Regulations By Bevi Chagnon. "...This comprehensive overview clears up the confusion by reviewing what the standards are, who's affected by the government regulations, and what you must do - or are encouraged to do - to be compliant..." http://www.communitymx.com/abstract.cfm?cid=C1B66 WCAG 2.0 Testability: Testing Times and Tetchiness By Jack Pickard. "One of the key concepts of WCAG 2.0 is testability. This is about ensuring that each success criterion can be tested either by a machine, or manually in such a way that at least 80% of the human testers would agree whether it is a success or a failure..." http://tinyurl.com/ynlfew +02: CASCADING STYLE SHEETS. Cascading Style Sheets Part 2: Shorthand By Sarah Horton. "There's something oddly satisfying about styling a heading using one line and 65 characters rather than nine lines and 128 characters. Such are the savings when you use CSS shorthand..." http://www.informit.com/guides/content.asp?g=webdesign&seqNum=329&f1 New Guillotine case in Internet Explorer (IE7) By Stephanie Sullivan. "Yes, it's a fact that Internet Explorer 7 is better than Internet Explorer 6. But not all squashed bugs were completely killed. Like the little gopher game you play at the fair, sometimes when you bang one on the head and it goes underground, it simply pops back out in a different place. Enter the Guillotine Bug..." http://www.communitymx.com/blog/index.cfm?newsid=868 Styling Figures with CSS3 By David Storey. "...I was discussing the difference between opacity and RGBA in the office, and thought that it would be useful to write an example showing what the later can be useful for..." http://www.css3.info/styling-figures-with-css3/ Understanding Pseudo-Elements By Jonathan Snook. "In CSS, there are certain selectors you can use that act like you've injected new HTML into the page and have the flexibility to style those new imaginary elements. These are known as pseudo-elements..." http://snook.ca/archives/html_and_css/understanding_pseudo_elements/ The Obsolescence of Handheld Style Sheets? By Mike Cherim. "On any fixed-width designs I currently create I offer a handheld style sheet for those users who may access these sites via a smart phone or other handheld device. I feel this is needed in this day and age; I want to make sure those skinny screen users have decent experience on my sites and find it accessible and usable. But will this need become less important, even unnecessary in a few years?..." http://green-beast.com/blog/?p=198 What CSS 3 Can You Easily Use Right Now? By Peter Gasston. "The short answer: None of it. The Slightly longer answer..." http://www.css3.info/what-css-3-can-you-safely-use-right-now/ +03: EVENTS. Access Developer Day at Linux World 2007 August 7, 2007. San Francisco, California U.S.A. http://www.access-company.com/developers/events/linuxworld/index.html +04: FLASH. Captions for Video with Flash CS3 (Part Two) By Tom Green. "Do you think Flash video and accessibility can't peacefully coexist? Think again. Flash video expert Tom Green is back with the second installment of his popular captioning how-to. In "Captions for Video with Flash CS3 (Part One)", we learned how to caption using the Timed-Text XML standard. This week's follow-up brings an even easier method: embedding the XML right in the Flash video file..." http://www.digital-web.com/articles/captions_flash_video_2/ +05: INFORMATION ARCHITECTURE. Faceted Feature Analysis By Adam Polansky. "This article explains a process called 'Faceted Feature Analysis.' It's an exercise that I've been using for nearly 8 years on projects both large and small. The facets refer to three characterizing facets in any project: business value, ease of implementation, and user value. Faceted Feature Analysis also uses three constraints that govern every project: cost, time, and quality. By crossing the characterizing facets with constraints, you are combining the subjective needs of the project stakeholders with the objective constraints of the project in a way that ensures all points of view are fairly considered. It also ensures that a project requirement is not included or excluded simply because one person yelled louder than the others. The process involves six steps..." http://www.boxesandarrows.com/view/faceted-feature +06: JAVASCRIPT. Is Manipulating the DOM for Presentation Acceptable? By Jonathan Christopher. "Personally, I'm a big proponent of both progressive enhancement as well as graceful degradation (fault tolerance). While both concepts are similar in nature, they both possess small unique parts that set them apart. To me, keeping graceful degradation in mind while developing will aim to leave you with a functioning document no matter the circumstances. Progressive enhancement on the other hand, is a level of functionality present only if the reader has the needed technology readily available. While it may seem that both are nearly identical, to me graceful degradation seems to be more passive in nature when comparing it to progressive enhancement, which is a more active. Progressively enhancing a document gives the ability to make alterations where applicable in an effort to make a document that much more useful, while graceful degradation is more of a fall back plan..." http://tinyurl.com/2b45r9 Thinking lowsrc - How to Make Sites Appear to be Available a Lot Faster By Christian Heilmann. "Those of you who've been around some years may remember an otherwise forgotten non-standardized HTML attribute called lowsrc. It was supported by Netscape browsers and allowed you to define a black and white preview picture of the real picture. The browser would load the 'diet' black and white shot first and then load the 'full fat' colour shot and overlay the preview picture line by line. Alongside progressive JPGs (which load in lower quality first and then progressively get clearer) and interlaced GIFs (which loaded every second line first and then subsequently filled up the rest) this was a killer trick to speed up your web site in the times when 56K Modems were luxury items..." http://www.wait-till-i.com/index.php?p=464 Return of the HTTP Overhead Delay - This Time Without a Server Side Component By Christian Heilmann. "Following my post yesterday about delaying the loading of avatar images to cut down on HTTP requests I was wondering if there is a way to do this without having to resort to a server side solution. In short, there is. Check out the demo page to see the script in action, and download delayHTTPoverhead.js to use in your own sites..." http://www.wait-till-i.com/index.php?p=465 Insert in Place Without document.write By James Edwards. "So here's the situation: you want to syndicate some content using JavaScript to pull in the data (like AdWords or similar programs). The syndication script can't know anything about the page it's being used on - so it can't have a dependency on the existence of particular elements. Yet the host page needs to be able to control where the content is inserted - the syndication script needs to insert the content wherever the