[webdev] Web Design Update: August 24, 2005
Laura Carlson
lcarlson at d.umn.edu
Wed Aug 24 06:20:40 CDT 2005
+++ WEB DESIGN UPDATE.
- Volume 4, Issue 09, August 24, 2005.
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/goto/webdesign/
New links in these categories:
01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: DREAMWEAVER.
05: EVALUATION & TESTING.
06: EVENTS.
07: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: NAVIGATION.
11: PHP.
12: STANDARDS, GUIDELINES & PATTERNS.
13: TOOLS.
14: USABILITY.
SECTION TWO:
15: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Evaluating Web Sites for Accessibility with Firefox
By Patrick H. Lauke.
"Patrick H. Lauke outlines how Mozilla Firefox can be used in
conjunction with the Web Developer Toolbar to carry out a preliminary
accessibility review."
http://www.ariadne.ac.uk/issue44/lauke/
Accessibility Building Blocks
By Ian Lloyd.
Ian's slides from @media 2005.
http://www.dotjay.co.uk/atmedia2005/ian-lloyd/
Improving Usability for Screen Reader Users
By Webcredible.
"Simply ensuring your website is accessible to screen reader users is
unfortunately not enough to ensure these users can find what they're
looking for in a reasonably quick and efficient manner. Even if your
site is accessible to screen reader users, its usability could be so
incredibly poor that they needn't have bothered coming to your site."
http://tinyurl.com/a28ua
+02: CASCADING STYLE SHEETS.
Creating Indented Navigation Lists
By Michael Meadhra.
"A vertical navigation bar is a familiar feature on many Web sites- and
no wonder, it's a great way to organize a list of links. At its
simplest, the navigation bar may be a list of plain text links.
However, it's increasingly common for Web builders to make the list
items behave like buttons, complete with CSS rollover effects that make
the full button face clickable."
http://builder.com.com/5100-6371_14-5810696.html
Creating Multicolumn Lists
By Michael Meadhra.
"The standard formatting for an HTML list is for the list items to be
stacked, flush left, indented from the left margin, and preceded by a
bullet or number. That works fine for a typical list, in which each
item consists of a sentence or two of text. However, when the list
items are very short (e.g., a long list of items composed of a word or
two each), you end up with a tall, narrow column of text on the left
side of your Web page with a big empty space to the right. That's when
many Web designers start looking for ways to break a long list into
multiple side-by-side columns instead of a single long column."
http://builder.com.com/5100-6371_14-5810687.html
+03: COLOR.
An Explanation of Colorblindness
By Jon Hicks.
"I get a lot of people asking me what its like to be colour blind. It
usually takes the form of 'Can you see this colour? Can you see this
one ? Is everything black and white??? '. This is the best explanation
I've come across yet..."
http://www.hicksdesign.co.uk/journal/an-explanation-of-colorblindness
+04: DREAMWEAVER.
Dreamweaver 8 Style Rendering Toolbar - A Sneak Peek
By Adrian Senior.
"Dreamweaver 8 has a very interesting and very cool new feature, the
Style Rendering tool bar. The style rendering toolbar allows you to
easily design for various media types, such as screen, handheld and
print which we will look at in this preview. Other media types that are
catered for are Projection, TTY - Television Type Devices, and TV media
types. Dreamweaver 8 also provides the ability to toggle on and off all
CSS rendering via the toggle CSS display button."
http://www.communitymx.com/content/article.cfm?cid=EDF1F
The CSS Styles Panel in Dreamweaver 8: A Sneak Peek
By Zoe Gillenwater.
"One of the great new CSS tools in Dreamweaver 8 is the new, unified
CSS Styles panel. All style information for all the elements on your
pages is stored in this one central location. As with previous versions
of Dreamweaver, you can use the panel to create, view, edit and remove
style rules, as well as attach style sheets. Now, however, properties
are laid out in a grid for easy editing, and the cascade for all your
rules is displayed for you, to help you understand how each rule is
affecting your page. You can select any element on your page and
instantly see what rules are affecting it and what properties have been
set for it. The CSS Styles panel provides the ease of use for those new
to CSS, with a depth of information that advanced CSS users will
appreciate."
http://www.communitymx.com/content/article.cfm?cid=81B54
+05: EVALUATION & TESTING.
The Usability Specialist's Favorite: Heuristic Evaluation
By Joanna Bawa.
"To measure the usability of an interface design, you'll need to use
one of the many evaluation techniques available. Here we look at one
favored by usability professionals..."
http://uk.builder.com/manage/project/0,39026588,39257400,00.htm
+06: EVENTS.
Designing the Next Generation of Web Apps
September 28, 2005.
Sydney, Australia
http://webessentials.org/veen/
Euro IA Summit
Europe's First Information Architecture Summit
October 15-16, 2005.
Brussels, Belgium
http://www.euroia.org/
+07: INFORMATION ARCHITECTURE.
IA in Germany: Chances and Perspectives
By James Kalbach.
"Andrew Dillon declared in his closing keynote speech at the Montreal
IA Summit (2005) that IA was entering its second phase. IAs are seeing
more and more job opportunities as well as more professional
recognition, and the field itself seems to be progressing. Not so in
Germany. Here, IA is barely on the map."
http://tinyurl.com/9wxpx
Information Scent: Helping People Find the Content They Want
By Iain Barker.
"Information scent is a concept that should be well-understood by
everyone designing intranets and information-rich websites."
http://www.steptwo.com.au/papers/kmc_informationscent/index.html
+08: JAVASCRIPT.
How to Develop Web Applications with Ajax, Pt. 1
By Jonathan Fenocchi.
In the past, web applications were limited because a web page had to be
reloaded (or another page loaded in its place) in order for new data to
be obtained. Recently, a new method, known as 'Ajax' (Asynchronous
Javascript and XML applications) asynchronously retrieves XML data via
JavaScript. Ajax will allow you to take your web applications to the
next level.
http://tinyurl.com/b9bel
Using the XMLHttpRequest Object and AJAX to Spy On You
By Earle Castledine.
"While the XMLHttpRequest object and AJAX can provide huge user and
developer benefits, there are some issues you probably haven't thought
about yet?but it's time everyone did."
http://www.devx.com/webdev/Article/28861?trk=DXRSS_WEBDEV
JavaScript Cheat Sheet
By Dave Child.
The JavaScript cheat sheet is designed to act as a reminder and
reference sheet, listing methods and functions of JavaScript. It
includes reference material for regular expressions in JavaScript, as
well as a short guide to the XMLHttpRequest object. A description of
what is on the cheat sheet follows, or if you are impatient, you can go
straight to the full size JavaScript cheat sheet..."
http://www.ilovejackdaniels.com/javascript/javascript-cheat-sheet/
+09: MISCELLANEOUS.
Top Ten Things You Don't Want To Hear From New Clients
By Travis.
"We have met a lot of new and potential clients, and heard some funny
things over the years, together with some things we never want to hear
again. For new designers out there, if you hear any of the following
comments when meeting clients for the first time, just run, leave the
laptop, save yourself and run in the opposite direction..."
http://www.cre8asiteforums.com/viewtopic.php?p=135770#135770
Hagan Rivers Interview: Deconstructing Web Applications
By Christine Perfetti.
"Hagan Rivers is a recognized pioneer in the area of Web Application
Design. Hagan worked on some of the very first web based interfaces and
she continues to push the envelope of web application design in her
current role as a partner at Two Rivers Consulting. UIE's Christine
Perfetti recently had the opportunity to talk with Hagan about some of
the biggest challenges in the web application space."
http://tinyurl.com/dj675
+10: NAVIGATION.
Problems in Navigating Online Help: Clues from User Search Patterns
By Robert Krull and Angela Eaton.
"Specifically, participants had difficulty in searching for topics
because their terminology differed from the terminology used by the
help system, and they became lost in the unclear structure of the
system. Specific results and discussion are provided below."
http://www.winwriters.com/articles/navigation/index.html
hasLayout Property Characterizes IE6 Bug
By Jim Thatcher.
Internet Explorer 6 has a bug which interferes with the correct working
of in-page links when they are selected via the keyboard. Jim has an
explanation of the issue and work around.
http://jimthatcher.com/news.htm#haslayout
Keyboard Navigation and Internet Explorer
By Gez Lemon.
"Internet Explorer 6 has very poor support for in-page navigation.
In-page navigation is an important accessibility requirement for
several groups, including those with some types of mobility problems.
This article investigates the problem with in-page links and Internet
Explorer, with some possible solutions."
http://juicystudio.com/article/ie-keyboard-navigation.php
+11: PHP.
Introducing Recursive Functions in PHP
By Rob Williams.
"One of the basic building blocks of any object-oriented programming
language is the function. Functions allow you to reuse blocks of code
and perform common tasks from other points within a script. In addition
to straight calls though, functions can also be created to act
recursively, adding a whole new dimension and power to this basic
programming building block. In this article we'll take a look at what
recursion is and why it's useful. We'll also create a recursive
function to convert PHP arrays to JavaScript ones."
http://www.communitymx.com/content/article.cfm?cid=7CD16
Mature Design Theory in Web Development
By Sherri Wheeler.
"This article is intended for experienced web developers and
development companies who are looking for a way to move from small
applications up to medium to large projects, and are interested in
improving the quality of their application design. If you still use a
set of distinct web pages for each application function, this article
will explain why a better methodology is needed, and give some guidance
as to how it can be accomplished."
http://www.zend.com/php/design/mature-design.php
Fundamentals of PHP Superglobals
Ian Gilfillan.
This month's article is aimed at PHP developers who're not yet familiar
with the PHP superglobals. Usage of superglobals is fundamental to PHP
web development, but, with all the recent changes in PHP, there are
still many outdated tutorials, books, and sadly, still much confusion.
http://www.phpbuilder.com/columns/ian_gilfillan20050801.php3
+12: STANDARDS, GUIDELINES & PATTERNS.
A Standards Truce in the Browser War?
By Paul Festa.
"When Microsoft 'technical evangelist' Robert Scoble complained in his
blog about being snubbed at a Texas conference, he probably didn't
think he was laying the groundwork for a truce in the long-running war
over Web browser standards."
http://tinyurl.com/d5kjp
Apologizing When You Aren't Wrong
By Joe Clark.
"...A collaboration between Microsoft and the Web Standards Project has
a lot going for it, but Scoble's whining about being excluded from a
meeting of a group he never belonged to should not be regarded as
actually important."
http://blog.fawny.org/2005/08/05/snub/
+13: TOOLS.
Nvu Site Manager Extender
By Peter Macej.
"This free Nvu extension adds some new functionality to Nvu Site
Manager. It adds new 'Site Manager' preferences page after
installing..."
http://www.vbdocman.com/free/siteme/
+14: USABILITY.
Journal of Usability Studies
By Usability Professionals' Association.
The Journal of Usability Studies (JUS) is a peer-reviewed,
international, online publication dedicated to promoting and enhancing
the practice, research, and education of usability engineering.
http://usabilityprofessionals.org/upa_publications/journal/index.html
Users, Activities, Practices etc.
By Anne Galloway.
"...activity theory is always already part of user-centred design, and
vice versa. They are part of the same tree: a mental or cybernetic
species. Whether modeling users or activities, the models are systemic,
relatively stable, quantifiable, hierarchical, discrete, and often
predictive. More importantly, they make it difficult to imagine other
ways of understanding."
http://tinyurl.com/djxgz
International Sites: Minimum Requirements
By Jakob Nielsen.
"Users from other countries have special needs related to entry fields
for names and addresses, measurements and dates, and information about
regional product standards."
http://useit.com/alertbox/20050808.html
Seven Screen Reader Usability Tips
By Trenton Moss.
"Simply ensuring that your Website is accessible to screen reader users
is, unfortunately, not enough to guarantee that these users can find
what they're looking for in a reasonably quick and efficient manner.
Even if your site is accessible to screen reader users, its usability
could be so poor that they needn't have bothered stooping by in the
first place."
http://www.sitepoint.com/article/screen-reader-usability-tips
[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