+++ WEB DESIGN UPDATE. - Volume 9, Issue 52, June 24, 2011. An email newsletter to distribute news and information about web design and development. ++ISSUE 52 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: INFORMATION ARCHITECTURE. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. California State U. Report Warns of Accessibility Issues in Google Services By Jie Jenny Zou. "California State University's Accessible Technology Initiative suggests in a report released this week that universities limit their campuswide use of Google's free Web services based on what it calls a variety of inaccessibility issues for the blind and those with other disabilities..." http://chronicle.com/blogs/wiredcampus/california-state-u-report-warns-of-accessibility-issues-in-google-services/31935 Say What? Google Works to Improve YouTube Auto-Captions for the Deaf By Larry Greenemeier. "Google continues to develop speech-recognition software that can automatically generate captions for all videos posted to YouTube, but challenges remain" http://www.scientificamerican.com/article.cfm?id=google-youtube-auto-caption Captions and Subtitles By YouTube. "The Caption feature allows you to give viewers a deeper understanding of your video. Adding captions and subtitles makes your videos more accessible to people who can't follow along with the audio-either because they speak a different language, or because they are deaf or hard of hearing..." http://www.youtube.com/t/captions_about Call for Review: WCAG 2.0 Techniques Draft Updates By Shawn Henry. "The W3C WAI announces a Call for Review of updates to two supporting documents for Web Content Accessibility Guideline (WCAG) 2.0..." http://lists.w3.org/Archives/Public/w3c-wai-ig/2011AprJun/0041.html Getting to Grips with a Mobile Accessibility Strategy By Shawn Henry. "Establishing a mobile accessibility strategy can be a bit daunting. It's tough to know where to start and even tougher to know where to stop: what devices should be supported, browsers, apps, access technology, who is it for and how teams can incorporate best practices into their working practices?..." http://www.iheni.com/getting-to-grips-with-a-mobile-accessibility-strategy/ +02: CASCADING STYLE SHEETS. Using Classname (class) and ID in HTML By Ben Hunt. "Any HTML element can have an ID (identifier) and can also have one or more Classnames..." http://www.webdesignfromscratch.com/html-css/using-classname-class-and-id-in-html/ +03: EVALUATION & TESTING. Where to Get Your Task List From By Gerry McGovern. "The first step in top task management is carrying out a task situation analysis in order to understand the whole range of customer tasks that exist. I call this list of customer tasks the 'Longlist.'" http://www.gerrymcgovern.com/nt/2011/nt-2011-06-20-Where-task.htm Reliability and Dependability in Usability Testing By Mike Hughes. "Usability testing is a form of user research, in so far as it allows you to make conclusions about a large population based on observations of a small sample of that population." http://www.uxmatters.com/mt/archives/2011/06/reliability-and-dependability-in-usability-testing.php +04: EVENTS. Usability Week 2011 Toronto July 11-15, 2011. Toronto, Canada. http://www.nngroup.com/events/toronto/agenda.html Usability Week 2011 New York August 1-6, 2011. New York, New York, U.S.A. http://www.nngroup.com/events/new_york/agenda.html Adobe MAX October 1-5, 2011. Los Angeles, California, U.S.A. http://max.adobe.com/ +05: INFORMATION ARCHITECTURE. Mini-IA: Structuring the Information About a Concept By Jakob Nielsen. "In a miniature information architecture, coverage of a single topic is chunked into units that are connected through simple navigation." http://www.useit.com/alertbox/mini-ia.html +06: JAVASCRIPT. JavaScript Memory Management By Van Miranda. "...In order to successfully apply these new technologies, Front-End Engineers will need to understand and deliberately manage the individual lifecycles and memory footprints of the components (DOM Elements, JavaScript Objects, client-side cache) that make up their applications..." http://engineering.socialcast.com/2011/06/javascript-memory-management/ +07: MISCELLANEOUS. A Website Can't be Measured in Pages By Jonathan Nicol. "For a long time page count has been used as a unit of measurement in web design and development. Clients will often phrase a pricing enquiry by asking 'how much would it cost for a (x) page website?', and when quoting on a project it can be tempting to measure the required effort in these terms. Some web developers go a step further by assigning a fixed value to a page, and sell page-based website packages to their clients: a 5 page website for $800, a 10 page site for $1,500 and so forth. This approach is shortsighted for several reasons..." http://f6design.com/journal/2011/06/23/a-website-cant-be-measured-in-pages/ Remy Sharp Interview, How is HTML 5 Changing Web Development? By Audrey Watters. "...I recently asked Sharp about how HTML5 is changing development, in terms of what's developed and how. Our interview follows..." http://radar.oreilly.com/2011/06/html5-production-development-web-apps.html Design Festival Podcast #8: Web Standards with Derek Featherstone By Simon Pascal Klein. "...Derek is a teacher, speaker, writer, developer, designer, and strong proponent of accessibility and web standards." http://designfestival.com/design-festival-podcast-8-web-standards-with-derek-featherstone/ +08: NAVIGATION. HTML5 Accessibility Chops: Block Links By Steve Faulkner. "It is conforming in HTML5 for links to include block level elements such as headings and paragraphs, this was forbidden in previous versions of HTML. A recent article by @feather concludes that the inclusion of block level elements inside a link causes some Assistive Technology (AT) to misbehave..." http://www.paciellogroup.com/blog/2011/06/html5-accessibility-chops-block-links/ +09: STANDARDS, GUIDELINES & PATTERNS. The Current State of HTML5 Form By Wufoo. "...Since HTML5 is fairly new and not all the details have been worked out yet, not all web browsers support HTML5 features the same way. This page is intended to explore those new new features and help you understand which browsers are supporting which features and to what degree. As a whole, this represents the current state of HTML5 forms." http://wufoo.com/html5/ Stop Obsessing Over HTML5 and CSS3 By Paul Boag. "I'll share with you five areas that I believe are much neglected and that we need to learn more about...Herein lies the problem. We are so busy reading HTML5 tutorials and looking at CSS3 demos that we miss these other areas. We are scared by what we do not know, and so we tether ourselves to subjects that we have a handle on. But as the web becomes more complex, we will need to broaden our horizons..." http://www.webdesignerdepot.com/2011/06/stop-obsessing-over-html5-and-css3/ Microformats 2 and RDFa Collaboration By Manu Sporny. "During the recent schema.org kerfuffle, Tantek ‚elik and I found ourselves agreeing with each other on the fundamentals of how a Web vocabulary should be developed. Like any technology standard meant for the world to use, we hoped that it would be developed transparently and scientifically. Tantek asked me to review the new Microformats 2 work and I thought it would be interesting to see what they've been up to recently..." http://manu.sporny.org/2011/microformats-2 [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Dreamweaver Information. http://www.d.umn.edu/itss/training/online/webdesign/dreamweaver.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html Flash Information. http://www.d.umn.edu/itss/training/online/webdesign/flash.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://www.d.umn.edu/itss/training/online/webdesign/xml.html [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html The Web Design Reference Site also has a RSS 2.0 feed for site updates. + TEXT EMAIL NEWSLETTER (TEN). As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines. Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit: http://www.headstar.com/ten + SIGN OFF. Until next time, Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN U.S.A. 55812-3009 mailto:lcarlson@d.umn.edu [Issue ends.]