[webdev] Web Design Update: February 19, 2010
Laura Carlson
lcarlson at d.umn.edu
Fri Feb 19 06:33:09 CST 2010
+++ WEB DESIGN UPDATE.
- Volume 8, Issue 34, February 19, 2010.
An email newsletter to distribute news and information about web design
and development.
++ISSUE 34 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: NAVIGATION.
07: STANDARDS, GUIDELINES & PATTERNS.
08: TOOLS.
09: USABILITY.
SECTION TWO:
10: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
World Wide Access
By The DOIT Center.
A video on "How to make web pages accessible to people with disabilities."
http://www.youtube.com/watch?v=MO2gpA91fR8
Government 2.0 Draft Report and Accessibility
By Roger Hudson.
"While there are many things to praise in the Government 2.0 Taskforce
Draft Report, 'Engage: Getting on with Government 2.0', sadly I find it
very light-on when it comes to the whole issue of social inclusion for
people with disabilities..."
http://tinyurl.com/yktwhke
Target.com Accessibility
By Jared Smith.
"...Target, along with Amazon.com and a few other innovators in the
e-commerce arena, is showing that accessibility of large, complex sites
is not only possible, but beneficial to all potential customers and to
the corporations themselves."
http://webaim.org/blog/target-com-accessibility/
Cognitive Web Accessibility Research
By Clear Helper.
"These resources, sorted by year, are original studies, literature
reviews and related articles that cite references. Below them are listed
other research-related resources..."
http://www.clearhelper.org/resources/cwa/research/
Accessibility of iTunes
By The Steeple project.
"iTunes accessibility was evaluated by the Open University in mid-June
2009 under Windows XP, and with Jaws 10, ZoomText 9 (screen magnifier),
and Windows High Contrast display setting (large font, white and yellow
on black), and Dragon 9 (voice recognition)..."
http://www.steeple.org.uk/wiki/Accessibility_of_iTunes
+02: CASCADING STYLE SHEETS.
The Skinny on CSS Attribute Selectors
By Chris Coyier.
"CSS has the ability to target HTML elements based on any one of their
attributes. You probably already know about classes and IDs..."
http://css-tricks.com/attribute-selectors/
The CSS Overflow Attribute
By Alan.
"If a CSS element has a fixed width and height, then the overflow
attribute controls what happens when the content inside the box exceeds
the dimensions of the CSS element."
http://www.brighthub.com/internet/web-development/articles/63901.aspx
Fixed Monospace Sizing
By Eric A. Meyer.
"Monospace text sizing is, from time to time, completely unintuitive and
can be quite maddening if you don't look at it in exactly the right way.
Fortunately, there is a pretty simple workaround, and it's one you might
want to consider using even if you weren't aware that a problem existed..."
http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
CSS3 Properties, Values and Browser Support
By Estelle Weyl.
"Below is every most CSS3 Properties, all the possible values for that
property, and the support for each property value from grade-A browsers..."
http://tinyurl.com/ydz7u9n
CSS Gradients for All Web Browsers, Without Using Images
By Robert Nyman.
"One thing that is quite nice is that we now have the ability to create
gradients in our pages just from CSS code, and without the use of any
images."
http://tinyurl.com/yas2obp
+03: COLOR.
Specify a Text Colour for img Elements
By Roger Johansson..
"When an image specified with an img element is missing from a web page,
some browsers display the alt text instead. Why not all browsers do that
is a separate topic which I talk a bit about in Safari, WebKit and alt
text for missing images. I think most people will agree that it is a
good thing for web browsers to display the contents of an image's alt
attribute when the image is missing or broken, or image rendering has
been disabled. However, many web professionals forget to check what the
alternative text will actually look like in those cases."
http://tinyurl.com/yfa3uuw
+04: EVALUATION & TESTING.
User Surveys - Do it Right or Not at All.
By Gary Barber.
"...It comes down to this - unless you have experience designing
surveys, then it's best to either hire someone who has had experience
and training, or find another way to collect the same information.
Proceeding with a flawed survey will just produce results that are
tainted with bias and other data warping horrors. Not something you want
in your user research, eh..."
http://tinyurl.com/y9pgf2y
+05: EVENTS.
John Slatin Access U 2010
May 10-11, 2010.
Austin, Texas, U.S.A.
http://www.knowbility.org/conference/
W3C Workshop - RDF Next Steps
June 26-27, 2010.
Palo Alto, Califorina, U.S.A.
http://www.w3.org/2009/12/rdf-ws/
An Event Apart - San Diego
November 1-2, 2010.
San Diego, California, U.S.A.
http://aneventapart.com/2010/sandiego/
+06: NAVIGATION.
Sitemaps - The Good, the Bad and the Ugly
By Rob Mills.
"Sitemaps are a safety net. They can be a last resort for users before
they abandon ship and leave your site having not found what they needed
and vowing never to come back."
http://tinyurl.com/y9ed2jb
The Definitive Guide To Styling Web Links
By Lee Munroe.
"When you style links, remember that users don't read; they scan. You've
heard that before, and it's true. So, make sure your links are obvious.
They should also indicate where they will take the user..."
http://tinyurl.com/yjtvf42
+07: STANDARDS, GUIDELINES & PATTERNS.
Declarative Markup for Associated External Text Alternatives
By HTML5 Accessibility Task Force.
"This draft proposal introduces declarative markup into the audio and
video elements of HTML5 to link to external resources that provide text
alternatives for different roles, such as captions, subtitles and
textual audio descriptions. This includes styling defaults and a
resource selection algorithm for when there are alternative resources
available."
http://www.w3.org/WAI/PF/HTML/wiki/Media_TextAssociations
JavaScript API for Multitrack Media Resources
By HTML5 Accessibility Task Force.
"This draft proposal introduces a JavaScript API for extracting basic
information about the tracks contained inside a media resource (audio or
video), which may include audio descriptions, sign language video,
closed captions or subtitles."
http://www.w3.org/WAI/PF/HTML/wiki/Media_MultitrackAPI
Audio Track Accessibility for HTML5
By Silvia Pfeiffer.
"I have talked a lot about synchronizing multiple tracks of audio and
video content recently. The reason was mainly that I foresee a need for
more than two parallel audio and video tracks, such as audio
descriptions for the vision-impaired or dub tracks for
internationalization, as well as sign language tracks for the
hard-of-hearing..."
http://tinyurl.com/yfcqmts
Introducing HTML 5
By David Chisnall.
"It's been a decade since the last HTML specification was released. In
this article, the first of a two-part series, David Chisnall looks at
what is in store for the next version."
http://www.informit.com/articles/article.aspx?p=1561901
Should HTML5 Spec Correct the img Element Definition?
By Vlad Alexander.
"The <img> element's visual content and its textual content are
equivalent in meaning and should therefore be of equal importance. How
elements are defined in the specification influences tool vendors,
educators and ultimately Web site creators, so that clearly defining the
correct use of HTML elements can over time improve the use of HTML."
http://rebuildingtheweb.com/en/correct-img-element-definition/
Working Group Publication Requests and Approval
By Philippe Le Hegaret.
"In response to some questions about W3C process from the past few days,
I would like to make available this brief FAQ..."
http://www.w3.org/QA/2010/02/working_group_publication_requ.html
Adobe's non-Formal non-Objection
By Sam Ruby.
"At no time did the current, up to the minute, versions - complete with
occasional typos and botched commits - of the editor's documents become
unavailable: HTML5, RDFa, MicroData, 2D Context, Markup, Diffs..."
http://intertwingly.net/blog/2010/02/18/Adobes-non-Formal-non-Objection
+08: TOOLS.
Dynamic Dummy Image Generator
By Russell Heimlic.
"Sometimes you just need a placeholder image right at your finger tips.
Just enter the width + x + height at the end of this URL and off you go..."
http://dummyimage.com/
+09: USABILITY.
Eliminating Bad Complexity
By Gerry McGovern.
"Good complexity leads to greater convenience, choice and options. Bad
complexity leads to frustration, wasted time and wasted money."
http://www.gerrymcgovern.com/nt/2010/nt-2010-02-15-Bad-complexity.htm
Why Not a User
By Pietro.
"To prepare my thesis entitled 'User Involvement in the Creative
Process' for my degree course at Siena University, I had the chance to
interview several well-known interaction designers around Europe. Their
contributions from different perspectives taught me some of the greatest
lessons of my life. But one of them, Job Rutgers from Philips Design,
was particularly radical in his approach: in 2002 he claimed that at
Philips they had been avoiding the word 'user' for years because of its
connotations..."
http://www.iamnotauser.com/index.php/why-not-a-user/
[Section one ends.]
++ SECTION TWO:
+10: 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