+++ WEB DESIGN UPDATE. - Volume 9, Issue 09, August 27, 2010. An email newsletter to distribute news and information about web design and development. ++ISSUE 09 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: DREAMWEAVER. 04: EVALUATION & TESTING. 05: INFORMATION ARCHITECTURE. 06: JAVASCRIPT. 07: NAVIGATION. 08: PHP. 09: STANDARDS, GUIDELINES & PATTERNS. 10: TOOLS. 11: TYPOGRAPHY. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Three Rules for Creating Accessible Forms By Dan Stringer. "As part of my role at Nomensa I have spent a significant amount of time evaluating the accessibility conformance on a range of websites. When auditing these websites I have been consistently surprised at the way in which web forms have been implemented. Forms can be a source of confusion for everyone, not least for people with cognitive disabilities and visual impairments..." http://www.nomensa.com/blog/2010/three-rules-for-creating-accessible-forms/ Voluntary Compliance To Web Access Standards 'Inadequate' By Tristan Parker. "Voluntary application of technical standards on accessibility of web sites to people with disabilities has proved 'inadequate', suggesting more formal regulation is needed, the US government has said..." http://www.headstar.com/eablive/?p=460 How Do We Save Longdesc? By Vlad Alexander. "The longdesc attribute, although potentially useful, was removed from the HTML5 specification, despite recommendations to retain it from the HTML Accessibility Task Force. The decision to drop longdesc was a lazy response on the part of the HTML5 team: the attribute isn't popular, so let's ditch it. At the same time, the Task Force's attempts to simply reinstate the longdesc attribute won't suddenly make the attribute popular, or ensure it is used as intended. What both parties need to do is remember their obligations. Once they do that, a proper solution will emerge..." http://rebuildingtheweb.com/en/how-do-we-save-longdesc/ Creating Your Own Accessible HTML5 Media Player By Terrill Thompson. "HTML5 introduces the <audio> and <video> elements, which enable web browsers to natively support media without requiring users to download and install a plug-in. It also greatly simplifies the code required to add media to a web page..." http://terrillthompson.blogspot.com/2010/08/creating-your-own-accessible-html5.html Developing an Accessible Star Ratings Widget By Thierry Koblentz. "...You might think that most rating systems would be based on some markup proven to be semantic and 'operational' across many User Agents ر that is, that rating systems would be based on a specific set of HTML elements and attributes to which one applies behavior and style via JS and CSS. That would make sense, but it is far from the truth. When it comes to markup, authors try just about everything..." http://www.yuiblog.com/blog/2010/08/24/developing-an-accessible-star-ratings-widget +02: CASCADING STYLE SHEETS. How to Remove Textarea Scrollbars in IE By Craig Buckler. "...When you're using a form textarea, Internet Explorer always shows a scrollbar even when it's unnecessary..." http://www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ More CSS Drop Shadows For All Browsers By Martin Kliehm. "hanks to the unstoppable advancements of web standards aiding mankind to overcome the real burdens of the 21st century, adding drop shadows to boxes became much easier in recent years..." http://learningtheworld.eu/2010/ms-box-shadow/ The CSS3 Song By Brad Neuberg. "Don't be bummed it's Monday, 'cuse the CSS3 Song is here to cheer you up..." http://ajaxian.com/archives/the-css3-song +03: DREAMWEAVER. Adding HTML5 Video with Dreamweaver CS5 By Greg Rewis. "I actually had this post written right before my vacation this summer (the reason for not posting here for 6 weeks!), but somehow managed to lose it. But oh well, the topic is just as hot as ever, as witnessed by several blogposts recently from the likes of the BBC and YouTube. My favorite quote from the YouTube article is 'Today, Adobe Flash provides the best platform for YouTube's video distribution requirements, which is why our primary video player is built with it.' I think that basically sums it up..." http://blog.assortedgarbage.com/?p=500 Dear Adobe, Can Dreamweaver do this? By Virginia DeBolt. "...I'd like to see Dreamweaver do some new things. Or maybe, do some old things differently..." http://www.webteacher.ws/2010/08/23/dear-adobe-can-dreamweaver-do-this +04: EVALUATION & TESTING. Usability Test Reporting: It Ain't Over 'Til It's Over By John Sorflaten. "...testing is not the hardest part. It's the quality of your recommendations that tips the scales..." http://www.humanfactors.com/downloads/aug10.asp#research +05: INFORMATION ARCHITECTURE. Personas: Explorations in Developing a Deep and Dimensioned Character By Traci Lepore. "If we are going to begin to address these issues, we need to get at the root of the problem-our empathetic understanding of our users. Having empathy for users and understanding their needs doesn't come from reading words on a page. It doesn't come from statistical analysis of demographics either. It comes from truly embodying and experiencing the character of a persona, so it becomes ingrained emotionally and physically in our memories. Actors understand this. From the time Stanislavski began teaching Method Acting - a process of transformation in which actors begin to take on the true nature of a character - actors have referred to this moment when they realize a character's emotional memory and have truly become the character as the moment of embodiment." http://www.uxmatters.com/mt/archives/2010/08/personas-explorations-in-developing-a-deep-and-dimensioned-character.php +06: JAVASCRIPT. Scoping Methods and Properties in JavaScript Objects By Tom Barker. "In the Advanced JavaScript class that I piloted this summer I had one of those AHA! moments with the class that makes teaching worthwhile..." http://insideria.com/2010/08/scoping-methods-and-properties.html +07: NAVIGATION. Mystery Meat Navigation By Christian Watson. "Surprised to see that mystery meat navigation is still alive and kicking (on an otherwise very nicely designed site)..." http://www.smileycat.com/miaow/archives/002101.php +08: PHP. 10 Productivity-boosting Tools for Your PHP Development By W. Jason Gilmore. "Frustration can quickly set in when you are dealing with menial and often repetitive tasks such as manual code testing and deployment, yet you strive to become a more efficient programmer by staying DRY. So why not extend that quest to other parts of the application lifecycle, streamlining and automating such tasks? In this article I'll introduce you to ten PHP development tools that will help you do exactly that, leaving you with more time to concentrate on building great websites..." http://www.phpbuilder.com/columns//top-10-productivity-tools/Jason_Gilmore082410.php3 +09: STANDARDS, GUIDELINES & PATTERNS. Is HTML5 Accessible? By Sandi Wassmer. "Apart from the fact that no specification as such, can be deemed accessible or not, what has become evident is that there seems to be a rapid proliferation within the web design and development community of the misnomer that if you build a website using HTML5, it somehow becomes uber-auto-accessible..." http://www.londonwebstandards.org/2010/08/html5-and-accessibility +10: TOOLS. CSS 3.0 Maker By css3maker. http://www.css3maker.com/ +11: TYPOGRAPHY. W3C Backs the WOFF WebFont Standard By Craig Buckler. "The W3C announced today that the Web Open Font Format (WOFF) has been published on their Standards Track. Assuming all interested parties agree, the format will become a royalty-free standard and a W3C Recommendation..." http://www.sitepoint.com/blogs/2010/08/17/w3c-backs-the-woff-webfont-standard/ +12: USABILITY. Should You Copy a Famous Site's Design? By Jakob Nielsen. "Although successful websites typically have high usability, average sites can hurt their business by copying design elements that don't work well in other contexts." http://www.useit.com/alertbox/copy-big-sites.html Perception and the Design of Forms - Part 4: Figure Ground By Formulate. "We're making our way through a series of articles on how the visual design of forms should be influenced by the way humans see..." http://formulate.com.au/articles/padf-part4-figureground/ A Design Is Only As Deep As It Is Usable By Louis Lazaris. "...In this article, I hope to provide a clear demarcation between what is perceived by most to be beautiful in Web design and what is truly beautiful, along with some guiding principles to help designers today create websites whose beauty is not superficial, but rather improves and enhances the user experience..." http://www.smashingmagazine.com/2010/08/23/a-design-is-only-as-deep-as-it-is-usable/ How Choice Impairs Your Visitors By Alexander Dawson. "Many sites provide an array of methods to interact with their offerings, but excesses in decision-making pressure can render less empowered visitors into a cyclone of stress from the barrage of questions being asked. As an industry, we place a great deal of emphasis on getting visitors to make decisions, but are we turning a straightforward path into a labyrinth with our need to know?" http://www.uxbooth.com/blog/how-choice-impairs-your-visitors/ Getting to Grips with Content By Felicity Evans. "Here are some things you can do now to improve your content. 1. Prune it. 2. Put it in front of users. 3. Give it purpose" http://www.uxbooth.com/blog/getting-to-grips-with-content/ [Section one ends.] ++ SECTION TWO: +13: 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.]