[webdev] Web Design Update: May 25, 2007
Laura Carlson
lcarlson at d.umn.edu
Fri May 25 06:28:49 CDT 2007
+++ WEB DESIGN UPDATE.
- Volume 5, Issue 49, May 25, 2007.
An email newsletter to distribute news and information about web design
and development.
++ISSUE 49 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: DREAMWEAVER.
04: EVALUATION & TESTING.
05: EVENTS.
06: INFORMATION ARCHITECTURE.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: PHP.
11: STANDARDS, GUIDELINES & PATTERNS.
12: TOOLS.
13: TYPOGRAPHY.
14: USABILITY.
SECTION TWO:
15: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Call for Review: Updated WCAG 2.0 Working Draft
By Patrick Lauke.
"The Web Content Accessibility Guidelines Working Group (WCAG WG)
invites you to comment on an updated draft of the Web Content
Accessibility Guidelines 2.0 (WCAG 2.0), published on 17 May 2007. WCAG
2.0 addresses accessibility of Web content for people with
disabilities..."
http://tinyurl.com/yuw5ea
Summary of Issues, Revisions, and Rationales for Changes to WCAG 2.0
2006 Last Call Draft
By W3C.
"This document provides an overview of the changes made to WCAG 2.0
since the Last Call Working Draft, and the rationale for making or not
making suggested changes..."
http://www.w3.org/WAI/GL/2007/05/change-summary
Overview of WCAG 2.0 Documents
http://www.w3.org/WAI/intro/wcag20
WCAG 2.0 Comments
http://www.w3.org/WAI/GL/WCAG20/issue-tracking/
Updated Luminosity Colour Contrast Analysers
By Gez Lemon.
"The Juicy Studio Luminosity Contrast Ratio Analyser and the example
luminosity contrast ratios have been updated to match the latest
version of the draft Web Content Accessibility Guidelines 2.0. The
draft Web Content Accessibility Guidelines 2.0 were updated last
Thursday, and one of the things that was updated was the algorithm to
determine whether the contrast between foreground and background
colours is sufficient. As well as updating the algorithm itself, the
thresholds have been changed to consider large and bold text (at least
18 point or 14 point bold). The new thresholds are..."
http://tinyurl.com/223phh
How To Make Your Web Applications Accessible - The Human Way
By Christian Heilmann.
"One of my biggest annoyances when talking about accessibility and web
development is the argument of some developers that what they develop
are web applications and not web sites which is why they don't need to
care about accessibility. The arrogance of that statement aside it also
does not make any sense whatsoever. If anything, web applications
should be even more accessible than web sites. A blind or a keyboard
user not being able to learn about the new sports range of a certain
brand is less problematic than the same user not being able to do a
money transfer or apply for council benefits. "
http://www.wait-till-i.com/index.php?p=444
Why We Use Headings
By Grant Broome.
"...The problem with headings is that nobody seems to be able to agree
on which heading needs to start the page, and whether it's OK to skip a
heading or not. The problem is further compounded by automated tools
which will fail you if you use more than one H1 or if you skip a
heading element (say H2 to H4). I've put something together here to try
and illustrate how JAWS users use headings and why these main concerns
may or may not actually be that important..."
http://grantbroome.blogspot.com/2007/05/why-we-use-headings.html
+02: CASCADING STYLE SHEETS.
Backgrounds
By Paul O'Brien.
"In the second part of our series of articles on the basic building
blocks of web design, we're very lucky to be able to bring you
SitePoint's resident CSS guru, Paul O'Brien, who takes a detailed look
at working with CSS backgrounds. There is nothing that Paul doesn't
know about CSS, so both newbies and experienced developers should be
sure to bookmark this exhaustive resource."
http://www.digital-web.com/articles/web_design_101_backgrounds/
Rediscovering the Button Element
By Kevin Hale.
"Creating a consistent interface for your users is a constant struggle
for every application designer. Building consistency on the web is
especially tough because the visual rendering differences across
browsers and operating systems are wildly different and almost
arbitrary in what can and cannot be done. No where does this become
more apparent than when you're dealing with form elements and the
biggest loser of them all in the battle for a standardized look is the
infamous Submit button..."
http://particletree.com/features/rediscovering-the-button-element/
Introducing CMX JumpStart Tahoe
By Sheri German.
If you've been around a while, you may remember the CMX JumpStart Vegas
that was released in the summer of 2005 by Stephanie Sullivan and Linda
Rathgeber. As one of our most popular JumpStarts, it inspired some CMX
subscribers to request a fluid version of this fixed-width design. Zoe
Gillenwater, one of our great CSS gurus, happily complied with our
newest CMX JumpStart Tahoe, a JumpStart modification. Tahoe, like
Vegas, is located in Nevada, and because it shares many of the same
kinds of entertainment centers, seems like a fitting city for a
permutation of the Vegas design..."
http://www.communitymx.com/content/article.cfm?cid=59039
Creating Bulletproof Graphic Link Buttons with CSS
By Roger Johansson.
"A CSS problem I have been wrestling with lately is how to create a
bulletproof shrink wrapping graphic button. By that I mean an
image-based button that will expand and contract to fit the amount of
text it contains. It is a very useful technique for CMS-driven sites
that allow the client to change the text that is displayed on buttons,
as well as for multilingual sites..."
http://tinyurl.com/24cva7
+03: DREAMWEAVER.
Feed Tools in Dreamweaver CS3: RSS and XSL
By Tom Muck.
"Adding an RSS feed to a web page is a piece of cake with the new XSL
features of Dreamweaver CS3. This article will show the new features of
XSL transformation using the freely available Community MX RSS feed, or
any other of your choice. The tutorial will require PHP, ColdFusion, or
another of the available server models in Dreamweaver CS3, as the XSL
functionality uses a server-side file to parse and transform the XML
news feed."
http://www.communitymx.com/content/article.cfm?cid=B0F45
+04: EVALUATION & TESTING.
Why 'How Many Users' Is Just The Wrong Question - Rethinking The
Requirements For Valid Usability Tests
By Kath Straub.
"...other things being equal (e.g., quality of recruiting), the better
predictor of the productivity of usability testing is the number of
tasks participants (try to) complete, not the number of participants
who try to complete them."
http://www.humanfactors.com/downloads/may07.asp#kath
Three Important Benefits of Personas
By Jared M. Spool.
"...Personas are becoming a regular staple in many of the development
teams we talk to. The method helps teams make a smooth transition
between requirements and design, resulting with much cleaner designs.
The benefits of preventing grounding, encouraging story telling, and
enhancing role playing are rarely discussed, yet very present when you
see the method in full force. It's these benefits that guide our belief
that personas will be a trusted method for many years to come."
http://www.uie.com/events/uiconf/2007/articles/benefits_of_personas/
+05: EVENTS.
WebJam
June 7, 2007.
Sydney, Australia.
http://webjam.com.au/
WebTech 2007
June 29-30, 2007.
Varna, Bulgaria.
http://www.wtconferences.com/2007/?q=node/1
An Event Apart Chicago
August 27-28, 2007.
Chicago, Illinois, U.S.A.
http://www.aneventapart.com/events/chicago07/
d.Construct
September 7, 2007.
Brighton, United Kingdom.
http://2007.dconstruct.org/
Information Architecture Summit
September 21-22, 2007.
Barcelona, Spain.
http://www.euroia.org/
Design Research Conference
September 21-22, 2007.
Chicago, Illinois, U.S.A.
http://www.id.iit.edu/events/drc/2007/index.html
Oz-IA/2007
September 22-23, 2007.
Sydney, Australia.
http://oz-ia.org/2007/
+06: INFORMATION ARCHITECTURE.
IA One Sheeters
By Leah Buley.
"One-Sheeters are quick and easy marketing tools for information
architects. They're like mini brochures to advertise IA deliverables
and promote the IA practice in your company. One-Sheeters help people
envision what deliverables you produce and where they fit into a
project. They're quick to produce and easy for anyone to understand..."
http://www.iaonesheeters.com/iaonesheeters.asp
+07: JAVASCRIPT.
JavaScript, Accessibility, Microformats
By Bruce Lawson.
"Last Wednesday I was down in the Big Smoke, so went to the Web
Standards Group JavaScript Meetup to see Steve Faulkner talk on
De-Mystifying Screen readers. I've admired Steve's work for a while,
because he actually tests real examples on real screenreaders (which is
a horrible job). Here's what I learned..."
http://tinyurl.com/2gh6l4
+08: MISCELLANEOUS.
An Interview with Mike Kuniavsky
By Tamara Adlin.
"Today I am speaking with Mike Kuniavsky. He is a founding partner of
Adaptive Path. Mike left Adaptive Path in 2004 to follow other
pursuits, including designing experience of tangible technology-which
sounds very cool and I'm looking forward to hearing more about it. Mike
has been developing commercial websites since 1994 for lots of
different people. He is also the author of Observing the User
Experience: A Practitioner's Guide to User Research, published by
Morgan Kaufmann. Mike's book is one of my personal favorites. When John
and I were writing our book, we referred to your book a lot..."
http://www.adlininc.com/uxpioneers/new_pioneers/interview_mike_kuniavsky
+09: NAVIGATION.
Are Sitemaps a Thing of the Past?
By Jonathan Christopher.
"The goal of many Web professionals is to produce high quality work
that makes the most of their medium. Products are designed to be both
aesthetically pleasing as well as elegantly useful. There are many
tools and techniques that can be used to make using any website that
much easier to use. One thing I don't find myself running across very
often any more are sitemaps. Have sitemaps become a thing of the
past?..."
http://mondaybynoon.com/2007/05/21/are-sitemaps-a-thing-of-the-past/
+10: PHP.
Getting PHP to Talk to MySQL
By Michele Davis and Jon Phillips.
"In this first part of a three-part series. you will begin learning how
to use PHP to display and modify data from a MySQL database."
http://www.devshed.com/c/a/MySQL/Getting-PHP-to-Talk-to-MySQL/
Failover Database Connection with PHP + mySQL
By Stephen Belue.
You want to connect to a mySQL database? Well, then it's likely you
already know how. But how about connecting a second database if the
first one fails? No? This could be a life saver.
http://evolt.org/failover-database-connection-with-php-mysql
+11: STANDARDS, GUIDELINES & PATTERNS.
What Are Web Standards?
By Robert Nyman.
"The term Web Standards is featured prominently all over the web, in
meetings with customers and amongst web developers in general. However,
the problem is that people have different views on what it actually
means and encompasses. Therefore, I will try to explain my views on it
and what most people actually mean when they refer to Web Standards..."
http://tinyurl.com/26f2bu
24sata.hr Goes Non-Standards
By Marko Dugonjic.
"24sata, the first Croatian news portal ever designed with web
standards was moved from carefully structured, web standards compliant
to a non-valid inaccessible web site. Unfortunately, it does happen..."
http://tinyurl.com/2ds7a6
What I Want From a New Markup Spec
By Ben Buchanan.
"So it has come to pass that the W3C has decided to take the WHATWG's
HTML5 on board. It will form the basis of the W3C's HTML5. The goal is
to have a public draft by June - yes, this year. Given that the spec
now has to endure the full process of the W3C we'll see how that goes.
Anyway, this got me to thinking..."
http://weblog.200ok.com.au/2007/05/what-i-want-from-new-markup-spec.html
Wasting Resources
By Anne Van Kesteren.
"One of the reasons it takes browser vendors a long time to implement
new specifications is that they have to invest lots of resources into
reverse engineering behavior the web depends on..."
http://annevankesteren.nl/2007/05/wasting-resources
+12: TOOLS.
Contrast Analyser 2.0
By Paciello Group.
"It is primarily a tool for checking foreground & background color
combinations to determine if they provide good color visibility. It
also contains functionality to create simulations of certain visual
conditions such as color blindness..."
http://www.paciellogroup.com/resources/contrast-analyser.html
+13: TYPOGRAPHY.
Top Ten Tips for Web Typography
By Richard Rutter.
"The latest issue of Design Edge Canada magazine - a publication for
Canada's graphic design industry ? was a web typography special for
which I contributed the following top ten tips for web typography..."
http://www.clagnut.com/blog/1949/
+14: USABILITY.
The Effects of Line Length on Reading Online News
By A. Dawn Shaikh.
"...This study examined the effects of line length on reading
performance. Reading rates were found to be fastest at 95 cpl. Readers
reported either liking or disliking the extreme line lengths (35 cpl,
95 cpl). Those that liked the 35 cpl indicated that the short line
length facilitated faster reading and was easier because it required
less eye movement. Those that liked the 95 cpl stated that they liked
having more information on a page at one time. Although some
participants reported that they felt like they were reading faster at
35 cpl, this condition actually resulted in the slowest reading
speed..."
http://tinyurl.com/295tuh
[Section one ends.]
++ SECTION TWO:
+15: What Can You Find at the Web Design Reference Site?
Accessibility Information.
http://www.d.umn.edu/goto/accessibility
Association Information.
http://www.d.umn.edu/goto/associations
Book Listings.
http://www.d.umn.edu/goto/books
Cascading Style Sheets Information.
http://www.d.umn.edu/goto/css
Color Information.
http://www.d.umn.edu/goto/color
Dreamweaver Information.
http://www.d.umn.edu/goto/dreamweaver
Evaluation & Testing Information.
http://www.d.umn.edu/goto/testing
Event Information.
http://www.d.umn.edu/goto/events
Flash Information.
http://www.d.umn.edu/goto/flash
Information Architecture Information.
http://www.d.umn.edu/goto/architecture
JavaScript Information.
http://www.d.umn.edu/goto/javascript
Miscellaneous Web Information.
http://www.d.umn.edu/goto/misc
Navigation Information.
http://www.d.umn.edu/goto/navigation
PHP Information.
http://www.d.umn.edu/goto/php
Sites & Blogs Listing.
http://www.d.umn.edu/goto/sites
Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/goto/standards
Tool Information.
http://www.d.umn.edu/goto/tools
Typography Information.
http://www.d.umn.edu/goto/type
Usability Information.
http://www.d.umn.edu/goto/usability
XML Information.
http://www.d.umn.edu/goto/xml
[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/goto/webdevlist
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 at d.umn.edu
[Issue ends.]
More information about the Webdev
mailing list