[webdev] Web Design Update: January 29, 2006

Laura Carlson lcarlson at d.umn.edu
Sun Jan 29 08:10:01 CST 2006


+++ WEB DESIGN UPDATE.
- Volume 4, Issue 32, January 29, 2006.

An email newsletter to distribute news and information about web design 
and development.

++ISSUE 32 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: DREAMWEAVER.
05: EVALUATION & TESTING.
06: EVENTS.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: PHP.
11: STANDARDS, GUIDELINES & PATTERNS.
12: TOOLS.
13: TYPOGRAPHY.
14: USABILITY.
15: XML.

SECTION TWO:
16: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Does Your Website Overstate Its Accessibility?
By Out-Law News.
"Of the 500 sites, 40 (8%) had an accessibility statement or logo. 
However, when 20 of these sites were inspected further, only six were 
found to be accurately stating their accessibility."
http://www.out-law.com/page-6529

Thoughts on the 'Joint Statement on OpenSource and OpenDocuments in 
Massachusetts'
By Peter Korn.
"The good folks at the Disability Policy Consortium and the Bay State 
Council of the blind have issued a Joint Statement on OpenSource & 
OpenDocuments in Massachusetts."
http://tinyurl.com/cbgcw

DeJa Vu All Over Again
By Carroll Tech Blog.
Carroll Center for the Blind discusses the Massachusetts decision to 
move to Open Document Format.
http://blog.carrolltech.org/archives/51

CommonLook Review
By Jon Whiting.
"The CommonLook Section 508 PDF Plug-In is an Acrobat plug-in that can 
help you create more accessible PDF files. It guides  you through a 
step-by-step evaluation and repair of a PDF file according to US 
Section  508  1194.22 standards. Jon Whiting has written a review of 
its strengths and weaknesses."
http://www.webaim.org/techniques/acrobat/commonlook

Defining Content Language
By Karl Dawson.
"...To maximize the universal accessibility of our pages we should 
always include language information in our pages. We can identify the 
natural language of the content by using the lang attribute and/or the 
xml:lang attribute for XHTML and must always include the XML namespace 
if using XHTML. Additionally, we can specify the primary language of 
the document using HTTP headers or the content-language meta tag..."
http://www.thatstandardsguy.co.uk/2006/01/23/content-language/

One of Four Web Users are Disabled Users
By Jesper Ronn-Jensen.
"Did you know that up to 25% of all visitors on your website have some 
kind of accessibility problem. Some of your users may be blind, deaf, 
dyslectic, has learning disabilities or motor disabilities such as 
sclerosis, Parkinson's disease, etc. A so-called functional 
disability..."
http://tinyurl.com/a2gvg


+02: CASCADING STYLE SHEETS.

Preparing For Internet Explorer 7 - Part One
By Holly Bergevin and John Gallant.
Internet Explorer 7 is coming, and there are going to be some 
interesting changes and improvements when it arrives. That's good news, 
but not if you have been using certain CSS hacks to make IE/Win 
correctly display your tableless designs! If that is the case, you may 
expect some or all of your pages to start breaking in IE7 when it 
begins to penetrate the market.  We want to help you avoid pain and 
anguish later. So please join us now as we begin a series that will 
discuss the problem, offer solutions, and get you up to speed on the 
latest IE version testing methods. We'll also 'clean up' a real live 
CMX Jumpstart, all in easy stages. It's a bit like Y2K all over again, 
but we got through that and we can get through this too, with just a 
little effort. Trust us!
http://www.communitymx.com/content/article.cfm?cid=C6160

Introduction to CSS Table-Related Display Values
By Zoe Gillenwater.
"One of the hardest things for web designers new to CSS layout to get 
their heads around is that divs don't act like table cells, the 
traditional building blocks of page layouts. Table cells automatically 
expand to hold their content, match each other in height, and stack 
horizontally, but divs don't do these things, making CSS layouts that 
emulate table layouts tricky. However, there's an easy way to get your 
divs to act like table-cells: tell them to using the display property. 
This article will introduce the table-related values of the display 
property of CSS 2.1 that allow you to make any non-table HTML element 
act like any table element. In the article following this one, you'll 
then learn how to use these display values to create a pure CSS layout 
that emulates the behavior of a table layout."
http://www.communitymx.com/abstract.cfm?cid=53F70

Vector Graphics in CSS
By Anne Van Kesteren.
By now 'everyone' must have heard of SVG. The problem I have with SVG 
(besides actual problems in the specification) is that it is a 
presentational markup language..."
http://annevankesteren.nl/2006/01/vector-graphics

Beginners Guide to CSS and Standards
By Emil Stenstrom.
"As an operator of #CSS, a channel on EFnet, I get to talk to people on 
a daily basis that have never used CSS before, or are at the very 
beginning of learning it. This article teaches all the basics you need 
to make your first CSS powered website. It is aimed at people that 
knows a little HTML, and maybe has made a few websites themselves. 
Let's get started."
http://friendlybit.com/css/beginners-guide-to-css-and-standards/


+03: COLOR.

Color Theory for Digital Displays: A Quick Reference: Part I
By Pabini Gabriel-Petit.
"Computer monitors display information using the RGB (Red-Green-Blue) 
color model. An RGB monitor synthesizes colors additively by 
selectively illuminating each of its pixel's red, green, and blue 
phosphor dots at varying levels of intensity. The light from a pixel's 
three phosphor dots blends together to synthesize a single color. In 
additive color synthesis, all hues of the visible spectrum of light are 
mixtures of various proportions of one, two, or three of the primary 
colors of light: red, green, and blue."
http://www.uxmatters.com/MT/archives/000069.php

Color Theory for Digital Displays: A Quick Reference: Part II
By Pabini Gabriel-Petit.
"Our perception of hues, values, and chroma levels depends upon their 
interaction with adjacent hues, values, and chromas, which can result 
in color-contrast, value-contrast, and chroma-contrast effects, 
respectively."
http://www.uxmatters.com/MT/archives/000070.php


+04: DREAMWEAVER.

Common Questions About Dreamweaver 8
By Abobe formerly Macromedia.
"This article answers some of the common questions received by 
Macromedia Technical Support."
http://tinyurl.com/dszpn

Problems With Pages Containing Absolute Links in Dreamweaver
By Abobe formerly Macromedia.
"...There are two workarounds..."
http://tinyurl.com/eyyah

Understanding the Template Updating Option in Dreamweaver 8.0.1
By Abobe formerly Macromedia.
"After installing the Macromedia Dreamweaver 8.0.1 updater, users will 
see a new Templates category added to the Site Definition dialog box. 
This category just has one checkbox: 'Template Updating: Don't rewrite 
document relative paths.'"
http://tinyurl.com/8klvr

Resolved Issues With Dreamweaver 8 Update (8.0.1)
By Abobe formerly Macromedia.
"The 8.0.1 updater fixes bugs in Macromedia Dreamweaver 8 on both the 
Macintosh and Windows platforms. Please see the Dreamweaver 8 Release 
Notes for additional information on the 8.0.1 release and to view an 
overview of important issues resolved with the Dreamweaver 8.0.1 
update. This TechNote provides a detailed list of issues resolved with 
this release."
http://tinyurl.com/cegcl

Dreamweaver 8 Application Server and Database FAQ
By Abobe formerly Macromedia.
"This article answers some of the common questions received by 
Macromedia Technical Support related to ColdFusion, PHP, ASP, ASP.NET, 
JSP and databases."
http://tinyurl.com/cwo6y


+05: EVALUATION & TESTING.

Customer Focus: Getting to Truly Know Your Customers
By Gerry McGovern.
"There are two key lessons to be learnt from these studies: 1.) We 
can't necessarily find out what people want by asking them directly. We 
therefore need to do a lot of observation. 2.) Simply giving people 
lots and lots of choice is not necessarily the right approach."
http://www.gerrymcgovern.com/nt/2006/nt-2006-01-23-customer-focus.htm

Improving Customer Experience: Usability Testing Is Not Enough
By Bonny Brown.
"With the right data in hand, both marketers and designers can do their 
jobs better and work together more effectively to design products and 
services their customers value and ensure satisfaction with the 
customer experience. Integrated customer experience research methods 
are a critical tool every business needs to win high-value customers 
and keep them coming back."
http://tinyurl.com/aqpb3

Evaluating the Usability of Search Forms Using Eyetracking: A Practical 
Approach
By Matteo Penzo.
"In this article, I'll present findings from eyetracking tests we did 
to evaluate the best solutions for label placement in Web forms. Today, 
forms are the primary-often the only-way users have of sending data to 
Web sites. Web 2.0 makes extensive use of forms. For example, on 
Flickr, Del.icio.us, and Writeboard - which, by the way, I used when 
writing this article-users provide all of their tags, comments, and 
other information using forms. Users submit queries to search engines 
using forms. E-commerce sites also rely heavily on forms that let 
visitors find and purchase products. (I've never browsed for book on 
Amazon. I always search for them.)
http://www.uxmatters.com/MT/archives/000068.php


+06: EVENTS.

WWW 2006
May 23-26, 2006.
Edinburgh, Scotland
http://www2006.org/

 @media 2006
June 15-16, 2006.
London, United Kingdom
http://www.vivabit.com/atmedia2006/


+07: JAVASCRIPT.

The JavaScript Diaries: Part 12 - Multiple Array Types
By Lee Underwood.
"This week we look at what happens with multidimensional and 
associative arrays. As you look at these you will start to understand 
where you can use JavaScript when building your Web sites."
http://www.webreference.com/programming/javascript/diaries/12/index.html

JavaScript Tip number 1: Speed Up Object Detection
By Dean Edwards.
"Welcome to the first of what I hope will be a regular series of 
JavaScript tips..."
http://dean.edwards.name/weblog/2005/12/js-tip1/

Escaping Regular Expression Characters in JavaScript
By Simon Willison.
"JavaScript's support for regular expressions is generally pretty good, 
but there is one notable omission: an escaping mechanism for literal 
strings. Say for example you need to create a regular expression that 
removes a specific string from the end of a string. If you know the 
string you want to remove when you write the script this is easy..."
http://simon.incutio.com/archive/2006/01/20/escape


+08: MISCELLANEOUS.

Meetings Considered Harmful
By David Heinemeier.
"Researchers in organizational psychology have confirmed that meetings 
are, well, evil. A study conducted by the University of Minnesota found 
that the amount and length of meetings correlate with 'negative 
effects' (burnout, anxiety, and depression) on its participants..."
http://37signals.com/svn/archives2/meetings_considered_harmful.php

You Still Want Meetings. Here's How to Make Them Useful
By Ryan Singer.
"Though meetings are harmful, you sometimes need to get together and 
work a problem out. Here are some tips to make sure nobody wastes their 
time."
http://tinyurl.com/d4tuv


+09: NAVIGATION.

What's Your Link Reputation?
By Gord Collins.
"'Hi Gord, Google updated our newly developed Website's Pagerank. On 
the toolbar, we're now a 5, but we're not seeing good rankings or 
Google referrals. I can't figure Google out. What do they want?'...This 
article describes in simplified terms an information retrieval process 
that is very complex. However, that complexity isn't going to stop us 
from attempting to gain some kind of understanding. No one outside 
Google really knows the intimate details of each of Google's algorithm 
components. There's a lot of speculation. You don't need a degree in 
information science or artificial intelligence to understand what 
search engines like Google are trying to achieve. They want to study 
the relationships between documents to distinguish legitimate links 
from the billions of spam links they crawl every day. What we want to 
know: how does Google analyze links?"
http://www.sitepoint.com/article/whats-your-link-reputation

Determining Link Order on Intranet Portals
By Jared Spool.
"Several folks have asked what techniques we've used to determine the 
ideal order of links. We've had good success on intranets with a rating 
system. Using the use cases/tasks associated with each link, we ask 
users to rate them on two scales..."
http://tinyurl.com/9svcr


+10: PHP.

PHP Security: Basic PHP Security
By Dennis Pallett.
"Security in PHP has become one of the most popular topics in the PHP 
community lately, especially with an increased number of exploits and 
security problems. In this day and age, you must make sure your PHP 
scripts are airtight, and that they don't have any security problems."
http://www.phpit.net/article/php-security-basic/

Error Handling in PHP: Coding Defensively
By Alejandro Gervasio.
"As with any programming language, when you code in PHP, it helps 
immensely if you set up your applications to handle errors gracefully. 
This article explores some of the most common error checking methods 
available in PHP, and provides hands-on examples that use different 
error handling methods."
http://www.devshed.com/c/a/PHP/Error-Handling-in-PHP-Coding-Defensively/

Error Handling in PHP: Introducing Exceptions in PHP 5
By Alejandro Gervasio.
"Welcome to the last part of the series 'Error Handling in PHP.' In two 
parts, this series introduces the basics of error handling in PHP. It 
demonstrates some of the most common methods for manipulating errors in 
PHP 4, and explains the implementation of exceptions in PHP 5, 
particularly in object-oriented environments."
http://tinyurl.com/adjhw


+11: STANDARDS, GUIDELINES & PATTERNS.

Web Presentation Patterns
By Jonathan Snook.
"...The trick is not to implement as many design patterns as you can, 
but to choose the design pattern that is most appropriate when you see 
the need for abstraction...."
http://www.digital-web.com/articles/web_presentation_patterns/

The Elements of a Design Pattern
By Jared M. Spool.
"Design teams are discovering that a well-built design pattern library 
makes the user interface development process substantially easier. A 
quality library means team members have the information they need at 
their fingertips. Choosing usable components that work smoothly for 
users becomes the developer's path of least resistance. Innovation, 
while not prohibited, is reserved for those times when it's really 
necessary, allowing the team to leverage the work already done by 
others."
http://tinyurl.com/az9t9

Another Failed Redesign: IEEE
By Kimberly Blessing.
Oh the irony -- that a standards body should ignore standards in 
creating their new Web site! As a member of the IEEE, I couldn't help 
but laugh when I saw that the new IEEE Web site redesign was announced 
in an e-mail newsletter... along with another entry titled "Let's Not 
Overlook Standards".
http://www.webstandards.org/buzz/archive/2006_01.html#a000600

Bloody Web Standards AGAIN
By Kay Smoljak.
"...I have a theory about programmers (and not just ColdFusion 
programmers). They learn HTML in five seconds flat - it's easy right? 
Compared to actual programming languages, it is. They never bother to 
learn it properly because it's not considered important. Experienced 
programmers scoff at obvious newbie mistakes, like the misuse of pound 
signs in CFML, yet these same programmers think nothing of huge tracts 
of CSS with identical redundant font declarations on every rule. Misuse 
of HTML can make it very difficult to change the look and feel of 
applications - I see this all the time in otherwise brilliant open 
source applications and community code. If more programmers realized 
how simple and powerful plain HTML with presentational information 
separated out into CSS files can be - applying the same principals that 
work so well in application code -the world would be a better place. 
And really, people who can master CFML or OO or SQL or write CMSs or 
whatever can surely learn to apply a little intelligence to their web 
application's output."
http://kay.smoljak.com/archives/?bloody-web-standards-again


+12: TOOLS.

Colour Blindness Simulator
By etre.
"One in twenty people have some form of colour vision deficiency. 
Upload an image to experience it as colour blind users may."
http://www.etre.com/tools/colourblindsimulator/


+13: TYPOGRAPHY.

25 Best License-Free Quality Fonts
By Vitaly Friedman.
"...I've decided to create the Top 20 Best License-Free Official Fonts, 
which are likely to be used rather for official, serious presentations 
(such as business sites) than a colorful teenager's homepage. Most 
fonts presented below are absolutely license-free which means that you 
can use them for both private, personal and commercial purposes without 
any limitations whatsoever..."
http://www.alvit.de/blog/article/20-best-license-free-official-fonts

15 Best License-Free Pixel Fonts
By Vitaly Friedman.
"...working on my last project..., I needed something serious, 
official, good-looking and readable. The results can be found below..."
http://www.alvit.de/blog/article/25-best-license-free-pixelfonts


+14: USABILITY.

Ten Best Intranets of 2006
By Jakob Nielsen.
"This year, we saw increased use of multimedia, e-learning, internal 
blogs, and mobile access. Winning companies also encouraged consistent 
design by emphasizing training for content contributors."
http://www.useit.com/alertbox/intranet_design.html

First Impressions Count in Website Design
By Andy King.
"...This research shows that reliable decisions about your site can be 
made in as little as 1/20th of a second. This emotional judgment can 
color subsequent judgments made after further reflection. Even though 
your site may have superior products, services, or usability, an 
initial negative impression from a poor or slow design can steer 
customers towards your competition. You only get one chance to create a 
good first impression, make it count. A clean, professional, and 
fast-loading site can ensure that your first impression will be a good 
one."
http://www.websiteoptimization.com/speed/tweak/blink/

The Beauty of Simplicity
By Linda Tischler.
"Marissa Mayer, who keeps Google's home page pure, understands that 
less is more. Other tech companies are starting to get it, too. Here's 
why making things simple is the new competitive advantage."
http://www.fastcompany.com/magazine/100/beauty-of-simplicity.html

Above the Fold is Obsolete (and digibuy is a good company)
By Darrel Austin.
"...'Above the fold' is obsolete. In their study, they found that 
people are more than willing to scroll to find the information they 
want. This goes against the marketing departments favorite mantra 
'EVERYTHING must be above the fold!'..."
http://tinyurl.com/btofs


+15: XML.

A Survey of XML Standards: Part 1
By Uche Ogbuji.
"In the first article in this series, I focus on core XML technologies."
http://www-128.ibm.com/developerworks/xml/library/x-stand1.html

A Survey of XML Standards: Part 2
By Uche Ogbuji.
"In my second article, I cover standards relating to XML processing by 
developers.
http://www-128.ibm.com/developerworks/xml/library/x-stand2.html

A Survey of XML Standards: Part 3
By Uche Ogbuji.
"In the third, I present a selection of the most important XML 
applications (less precisely known as vocabularies)."
http://www-128.ibm.com/developerworks/xml/library/x-stand3.html

A Survey of XML Standards: Part 4
By Uche Ogbuji.
"This final article provides a detailed cross-reference of all the 
standards covered in this series. I think the sum encompasses all of 
the most important XML standards."
http://www-128.ibm.com/developerworks/library/x-stand4/


[Section one ends.]


++ SECTION TWO:

+16: 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