[webdev] Web Design Update: November 22, 2006
Laura Carlson
lcarlson at d.umn.edu
Wed Nov 22 06:22:45 CST 2006
+++ WEB DESIGN UPDATE.
- Volume 5, Issue 22, November 22, 2006.
An email newsletter to distribute news and information about web design
and development.
++ISSUE 22 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: NAVIGATION.
09: PHP.
10: STANDARDS, GUIDELINES & PATTERNS.
11: TOOLS.
12: USABILITY.
13: XML.
SECTION TWO:
14: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Advisory Committee Faces Major Hurdles with Section 508 Revision
By Wade-Hahn Chan.
"Section 508, a provision of the federal Rehabilitation Act requiring
the federal agencies make their information technology accessible to
people with disabilities, is proving to be challenging for the
standards body that is now revising the standards. The current
iteration of the section is plagued with interoperability problems,
language issues and an inability to adapt to emerging technologies,
according to members of the Section 508 Advisory Committee who spoke on
a panel at the 2006 Interagency Disability Education Awareness Showcase
today..."
http://www.fcw.com/article96831-11-15-06-Web&printLayout
Contextual Web Accessibility - Maximizing the Benefit of Accessibility
Guidelines
By David Sloan et al.
"We argue that while work to optimize the accessibility of the World
Wide Web through the publication and dissemination of a range of
guidelines is of great importance, there is also the need for a more
holistic approach to maximizing the role of the Web in enabling
disabled people to access information, services and experiences. The
persistently disappointingly low levels of usability of Web content for
disabled people indicates that focusing on the adoption of
accessibility guidelines by content authors, tool developers and policy
makers is not sufficient for a truly inclusive Web. This approach fails
to acknowledge the role of the Web as an enabler in a broader context
and may stifle creative use of Web content and experiences to enhance
social inclusion."
http://www.ukoln.ac.uk/web-focus/papers/w4a-2006/
+02: CASCADING STYLE SHEETS.
Inline Elements and Padding
By Russ Weakley.
"Have you ever tried to add padding to <li> elements that have been set
to 'display: inline'? Did you find that the padding seemed to be
rendering in an unusual way? Inline elements and padding explains why
this occurs and one method that can be used to overcome the problem."
http://maxdesign.com.au/presentation/inline/
CSS Line-Height and Valid Values
By Tiffany B. Brown.
"A look at a CSS line-height 'gotcha'"
http://tiffanybbrown.com/2006/11/20/css-line-height-and-valid-values/
CSS Styling for Print and Other Media
By Ian Lloyd.
"If you've been wanting to harness the full power of CSS for the
presentation of printed pages, but could only find superficial
treatments of the topic, we've got just the article for you. Pro CSS
Techniques will be arriving in bookstores soon, but we've got a sneak
peek at Ian's comprehensive chapter on styling for print and other
media as this week's feature."
http://tinyurl.com/ybaw5d
CSS Image Shadow
By Natalie Jost.
"This is a simple CSS shadow for images (no background image), but it's
not something you'll want to use with all images. This method doesn't
work with varying sizes, so you'll only use it if you're working with
images which are the same size all the time, like thumbnails for
instance."
http://www.standardsforlife.com/css-image-shadow
A CSS Drop Shadow
By Stu Nicholls.
"Just an example of a drop shadow applied to a div without using
graphics..."
http://www.cssplay.co.uk/menu/shadow.html
Simple Fluid Drop Shadows
By Stu Nicholls.
http://www.cssplay.co.uk/menu/shadow2.html
Multi-Position Shadow Boxing
By Stu Nicholls.
http://www.cssplay.co.uk/menu/shadow_boxing.html
+03: DREAMWEAVER.
Dreamweaver 8 for Windows Loses FTP Login Settings
By Adobe.
Some Windows users are reporting that their FTP usernames and passwords
in their Dreamweaver site definitions are deleted when they close and
re-open Dreamweaver 8 or when they reboot their machine. This issue
does not occur in earlier versions of Dreamweaver."
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=3491671c
+04: EVALUATION & TESTING.
Process Research Via Focus Groups
By DeeDee DeMulling.
"I don't recommend using focus groups to gather your user research, but
I do recommend using them to provide clarification and expansion of the
data you have gathered during site visits. After conducting a site
visit study at a handful of sites in your target population, hosting a
focus group will help you to validate what you observed and be able to
define patterns of behavior across the wider audience..."
http://tinyurl.com/y7zpqr
Bring Your Personas to Life!
By Zef Fugaz.
"Method acting can take your personas from the page to the stage. Think
beyond traditional practice to give emotional life to your personas."
http://www.boxesandarrows.com/view/bring_your_pers
+05: EVENTS.
Webstock Mini
December 6, 2006.
Wellington, New Zealand
http://webstock.org.nz/
An Event Apart Boston
March 26 -27, 2007.
Boston, Massachusetts U.S.A.
http://www.aneventapart.com/news/2006/11/an_event_apart_2007.php
+06: INFORMATION ARCHITECTURE.
Visio Replacement? You Be the Judge
An Introduction to the Newest Simulation Tools
By Scott McDowell.
"In the same way that the Internet took us to the next level of
interaction, complete with rich visuals, simulations are doing the same
for application definition. McDowell explores the ins and outs of new
simulation tools. Will one of them work for you?"
http://www.boxesandarrows.com/view/visio_replaceme
Thoughts on the Impending Death of Information Architecture
By Joshua Porter.
"IA as it has lived will soon die. Not because it wasn't valuable, not
because IA's didn't do great work, but because the Web is moving on.
The problem is that IA models information, not relationships."
http://tinyurl.com/yjofsh
+07: JAVASCRIPT.
PPK on JavaScript: The DOM - Part 3
By Peter-Paul Koch.
"This week we look at text nodes, node lists, forms and the level 0
DOM, DOM hyperspace and markers. The W3C DOM defines a few methods for
getting and changing texts, but the core string methods and properties
are more useful and versatile."
http://www.webreference.com/programming/javascript/ppk3/index.html
Too Much Accessibility - Multiple JavaScript Event Handlers
By Bim Egan.
"...Ensuring that users can make JavaScript events work, regardless of
the way that they access your web page is vital. Users should be able
to activate JavaScript events whether they use a mouse, keyboard,
pointing / switch device or any other means of navigation. However, if
two or more event handlers, designed to perform the same task are used,
the effect can be the opposite of the one you intended..."
http://tinyurl.com/ycadt7
+08: NAVIGATION.
Google, Yahoo, Microsoft Partner on Open Source Search Protocol
By Juan Carlos Perez.
"In a rare collaborative effort, Google, Microsoft and Yahoo, which
compete directly in Internet search and other online services, plan to
announce on Thursday their support for the open source, Sitemap
Protocol based on XML (Extensible Markup Language)."
http://www.infoworld.com/article/06/11/15/HNsitemaps_1.html
Sitemaps.org
"Sitemaps are an easy way for webmasters to inform search engines about
pages on their sites that are available for crawling. In its simplest
form, a Sitemap is an XML file that lists URLs for a site along with
additional metadata about each URL (when it was last updated, how often
it usually changes, and how important it is, relative to other URLs in
the site) so that search engines can more intelligently crawl the site.
Web crawlers usually discover pages from links within the site and from
other sites. Sitemaps supplement this data to allow crawlers that
support Sitemaps to pick up all URLs in the Sitemap and learn about
those URLs using the associated metadata. Using the Sitemap protocol
does not guarantee that web pages are included in search engines, but
provides hints for web crawlers to do a better job of crawling your
site."
http://www.sitemaps.org/
Revenge of the meta-tag!
By Brian Turner
"Many people in SEO groan at the thought of meta-tags. After all,
meta-tags for ranking is dead for SEO, isn't it? Not quite..."
http://www.seomoz.org/blogdetail.php?ID=1540
+09: PHP.
PHP Convert RGB from/to HTML Hex Color
By AnyExample.com.
"This article provides two functions for converting HTML color (like
#AAED43) to three RGB values ($r = 170, $g = 237, $b = 67) and
converting RGB values to HTML color."
http://tinyurl.com/yg95ct
+10: STANDARDS, GUIDELINES & PATTERNS.
May The Source be with You
By Andy Rutledge.
"A long time ago in a vir.tu.al domain far, far away...The war between
the Standardista Rebels and The Legacy Empire wages on. The Empirecs
armies and spies, led by the evil Kludge lord Darth Gates, have driven
the Standardistas far across MySpace."
http://www.andyrutledge.com/web-wars.php
+11: TOOLS.
Basic Accessibility Analyzer
By Peter Krantz.
"This is the basic accessibility checking service (BACC). BACC uses the
Ruby Accessibility Analysis Kit (RAAKT) to check for basic
accessibility issues in HTML documents. Currently it is mainly used for
testing of RAAKT. If you find errors, please report bugs at the RAAKT
project page. Learn more about the accessibility evaluation carried
out."
http://peterkrantz.com/bacc/
Truwex: Website Validation Tool
By Vladimir Popov.
"An online tool to check web accessibility, privacy, quality,
performance. It checks a single page and shows results on a web page
screenshot and in the HTML code."
http://checkwebsite.erigami.com/accessibility.html
Office 2000 HTML Filter 2.0
By Microsoft.
"The Office HTML Filter is a tool you can use to remove Office-specific
markup tags embedded in Office 2000 documents saved as HTML..."
http://tinyurl.com/3okuf
+12: USABILITY.
Digital Divide: The Three Stages
By Jakob Nielsen.
"The economic divide is a non-issue, but the usability and empowerment
divides alienate huge population groups who miss out on the Internet's
potential."
http://www.useit.com/alertbox/digital-divide.html
Improving User Workflows with Single-Page User Interfaces
By Joost Willemsen.
"...Perhaps the most important challenge for designers of single-page
Web applications is the tradeoff between flexibility and usability. As
an application's flexibility increases, its usability decreases. The
reason for this is its signal-to-noise ratio-that is, the ratio of
relevant to irrelevant information on a page. If this ratio is high, an
application is more usable. However, a Web application that is very
flexible may offer too many possibilities and thus raise the level of
noise in the ratio (5). So the challenge is to keep an application page
as simple as possible. Packing a page with loads of cool controls is
technically possible, but it's not a good idea. Show only what is
relevant to the task at hand and offer other functionality as needed."
http://www.uxmatters.com/MT/archives/000149.php
+13: XML.
The XML Decade
By Uche Ogbuji.
"IBM Systems Journal recently published an issue dedicated to XML's
10th anniversary. It is primarily a collection of interesting papers
for XML application techniques, but some of its articles offer general
discussion of the technical, economic and even cultural effects of XML.
There is a lot in these papers to draw from in thinking about why XML
has been successful, and what it would take for XML to continue its
success. This article expands on some of these topics that are
especially relevant to readers of this column."
http://www-128.ibm.com/developerworks/library/x-think38.html
[Section one ends.]
++ SECTION TWO:
+14: 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