[webdev] Web Design Update: September 25, 2014
lcarlson at d.umn.edu
Thu Sep 25 07:02:43 CDT 2014
+++ WEB DESIGN UPDATE.
- Volume 13, Issue 13, September 25, 2014.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 13 CONTENTS.
SECTION ONE: New references.
What's new at the Web Design Reference site?
New links in these categories:
02: CASCADING STYLE SHEETS.
05: INFORMATION ARCHITECTURE.
11: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
Introducing an Accessible HTML5 Video Player
By Dennis Lembree.
"It's time we make video on the web quick and easy to implement with
accessibility in mind, not plugins. The Accessible HTML5 Video Player
project helps make this happen. HTML5 video is well on it's way to
being the global solution for web-based video, but at least for now,
not without several browser support and rendering issues remaining."
The Form Field Validation Trick They Don't Want You to Know
By Karl Groves.
"Because so many things require string manipulation most, if not all,
programming languages have some mechanism of finding, substituting, or
removing sub-strings, often through the use of Regular Expressions.
Here are some examples, shamelessly stolen from Code Codex.."
By W3C WAI Education and Outreach Working Group.
A first draft of the Carousels tutorial.
Twitter Writes a Post About role=presentation
By Virginia DeBolt.
"There is an ARIA role called 'presentation' in the WAI ARIA spec.
With Twitter's help, Denis Boudreau wrote this post about it..."
Understanding Screen Reader Interaction Modes
By Leonie Watson.
"Windows screen readers have multiple modes of interaction, and
depending on the task being carried out they'll automatically switch
to the most appropriate mode. This post explains why Windows screen
readers behave the way they do, and how your code can influence that
HTML Lists and Accessibility
By Rakesh Paladugula.
"A list is used for presenting one or more similar items. HTML markup
have 3 different types of lists used by authors depending on the type
of items they hold. The three different types of HTML lists are
explained in detailed later in this article..."
PDF Accessibility Starts with the Author
By Matt May.
"...for authors, the rules don't change. We have lots of tools and
tips on how to create accessible PDF documents that can be used by
people of all kinds of abilities and preferences, and it's still our
responsibility to use them."
Fight Over Digital Accessibility
By Michael Stratford.
"Advocates for students with disabilities and groups representing
colleges and universities are sparring over federal legislation that
would set new standards for accessible technology on campuses..."
The TEACH Act - A Need for Clarification
"Regarding the Opposition to the proposed TEACH Act Legislation..."
+02: CASCADING STYLE SHEETS.
Getting Started with CSS Shapes
By Razvan Caliman.
"For a long time, web designers have been forced to create within the
constraints of the rectangle. Most content on the web is still trapped
in simple boxes because most creative ventures into non-rectangular
layout end in frustration. That is about to change with the
introduction of CSS Shapes, available starting with Chrome 37..."
Programming Mobile Web Apps
September 29, 2014 Start Date.
Accessible Way-Finding Using Web Technologies
October 20, 2014 Call for Papers.
December 3, 2014 Online Symposium.
The Future of the Web
October 29, 2014.
Santa Clara, California, U.S.A.
Easy HTML5 Video
"Easy HTML5 Video is a free wizard program that helps you create HTML5
video for your website in a few clicks."
Don't Use <picture> (most of the time)
By Jason Grigsby.
"...The picture specification contains more than just the <picture>
element. Think of it as the responsive images specification. For most
responsive images, you shouldn't use the <picture> element. You should
use srcset and/or sizes. The way to know when to use the <picture>
element is based on the use case you're trying to solve. If you're
solving for the art direction use case, use the <picture> element.
Anything else, you should stick to srcset and sizes. Getting this
right early, before we have thousands of pages using <picture>
incorrectly, is critical for the future of the web..."
+05: INFORMATION ARCHITECTURE.
How to Create a Customer Journey Map
By Megan Grocki.
"...A Customer Journey map is a visual or graphic interpretation of
the overall story from an individual's perspective of their
relationship with an organization, service, product or brand, over
time and across channels...."
ECMAScript 6 Promises (1/2) - Foundations
By Axel Rauschmayer.
"This blog post is first in a series of two blog posts on ECMAScript 6
promises. It explains the foundations of asynchronous programming in
A Fundamental Disconnect
By Aaron Gustafson.
bad. It simply means we need to be smarter about our approach to
they need to do even quickly an easily even if our carefully-crafted,
Preparing for ECMAScript 6 - New Array Methods
By Aurelio De Rosa.
"..In this article we'll discuss most of the new methods available in
ECMAScript 6 that work with the Array type..."
On Net Neutrality
By Jens Meiert.
"We need net neutrality, and we need to insist on net neutrality..."
Adapting to the Digital Future - The Senior Management Challenge
By Gerry McGovern.
"...If we want senior managers to change then we, as web
professionals, must become the voice of our customers. If there is one
thing that can get senior management to change today it is the
increasing dissatisfaction and disloyalty of their customers."
10 Years Ago - TOevolt
By Adrian Roselli.
"...Workers of the web (gone by), evolt!"
Video - How to Decide on Mobile Navigation
By Luke Wroblewski.
"While every application and Web site has at least some form of
navigation, everyone's is a bit different. So when all these services
make their way to mobile, they need a way to determine if their
navigation systems are working well. In this short 5 minute video, I
look at few ways we can evaluate mobile navigation solutions..."
Efficiently Simplifying Navigation, Part 3 - Interaction Design
By Anastasios Karafillis.
"When designing interaction with any type of navigation menu, we have
to consider the following six aspects..."
The Scourge of Helvetica Neue Light
By Richard Rutter.
"I'm no lover of Helvetica but neither do I hate it. I'd be walking
around carrying a lot of hate if I did. That said I really do have an
aversion to Helvetica Neue Light, or rather an aversion to when
Helvetica Neue Light is used without due thought and attention..."
Typography Resources to Help in Your Designs
By Laren Cramer.
"You know that feeling when you look at a web site and think
everything looks just right? It flows well, there's a nice balance of
white space, and it's easy on to the eyes. Perhaps you may not realize
it but it's likely that the type plays a dominant role..."
User Experience and Accessibility - Working with Visual Designers
By Janet M. Six.
"In this edition of Ask UXmatters, our panel of UX experts answers
questions about two issues that confront UX professionals: Should
accessibility be a UX team's responsibility? What is the best way to
work with a visual designer.."
Form Usability: Validations vs Warnings
By Jamie Appleseed.
"There's a major difference between form validations and warnings.
Form validations enforce a set of rules and won't allow the user to
proceed, while warnings alert the user about possible problems but
will allow them to proceed."
Eye Tracking in User Experience Design, Chapter 5: Forms and Surveys
By Caroline Jarrett and Jennifer Romano Bergstrom.
"In this chapter, we have explained that eye-tracking data can help to
learn about the visual design of pages with questions on them: forms
Animation for Attention and Comprehension
By Aurora Bedford.
"Moving elements are a powerful tool to attract users'attention. When
designing an animation consider its goal, its frequency of occurrence,
and its mechanics."
Design Principles - Connecting And Separating Elements Through
Contrast And Similarity
By Steven Bradley.
"Similarity and contrast, connection and separation, grouped and
ungrouped are all ways to describe the varying sameness and difference
[Section one ends.]
++ SECTION TWO:
+11: What Can You Find at the Web Design Reference Site?
Cascading Style Sheets Information.
Evaluation & Testing Information.
Information Architecture Information.
Miscellaneous Web Information.
Sites & Blogs Listing.
Standards, Guidelines & Pattern Information.
[Section two ends.]
+ SUBSCRIPTION INFO.
WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
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:
+ 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
More information about the Webdev