[webdev] Web Design Update: July 14, 2016
David P. Dillard
Date: Thu, 14 Jul 2016 06:10:03 -0500
From: Laura Carlson <firstname.lastname@example.org>
To: webdev <email@example.com>
Subject: [webdev] Web Design Update: July 14, 2016
+++ WEB DESIGN UPDATE.
- Volume 15, Issue 03, July 14, 2016.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 03 CONTENTS.
SECTION ONE: New references.
What's new at the Web Design Reference site?
New links in these categories:
02: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
07: INFORMATION ARCHITECTURE.
10: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
Teach Access Tutorial
By Teach Access.
"The Teach Access initiative has launched a set of best practices for
the disciplines responsible for making mobile apps and websites
accessible. This tutorial will provide basic training for developers
and designers interested in building inclusive experiences..."
Links vs. Buttons in Modern Web Applications
By Marcy Sutton.
"If a screen reader user calls tech support and gets instructions to
'click the button. in your UI that's really coded as a link, they may
have trouble finding it. Also, consider voice interfaces: if you say a
command to click a button but it's really coded as a link, you might
have problems, no?"
Being Pragmatic About Accessibility
By Sam Sanders.
"...We've put together a list of guiding principles on some pragmatic
accessibility tasks that can (and should) be carried out on any
Accessibility and Me: Chris Moore
By Chris Moore.
..."I find that a lot of web pages don't use the correct heading
order. Headings help me get a sense of the structure of the page. If
the web page also includes navigation landmarks, it further enhances
the experience by giving me a greater sense of the page layout. Some
of the other barriers I face are unlabelled form elements or items
that can't be reached without a mouse..."
ADA Web Accessibility
By Tracy Mitrano.
"EDUCAUSE has sent out a request that members fill out a DOJ survey
seeking conceptual thoughts (not formal notice and comment) on the
implementation of standards for web accessibility under the Americans
with Disabilities Act."
+02: CASCADING STYLE SHEETS.
How Well Do You Know CSS Display?
By Chen Hui Jing.
"The display property is one of the most important CSS properties we
use for layout..."
The Target Trick
By Ire Aderinokun.
"The :target pseudo-class refers to an element within the document
that the URL's fragment points to. For example, this piece of text is
wrapped in a <mark> element which has an ID of #target-test..."
The Limits of @supports
By Peter Paul Koch.
"Yesterday I talked about background-attachment and its confusing
mobile compatibility patterns. Today I'll talk about the ulterior
motive I had for this retest: Conditional Rules support, which
basically amounts to @supports..."
A Tale of a Colour Blind Designer
By Matej Latin.
"'...Colour blindness is an accessibility issue that is probably the
easiest to address. Still many designers ignore it..."
+04: EVALUATION & TESTING.
5 Ways to Use the System Usability Scale (SUS)
By Jeff Sauro.
"The System Usability Scale (SUS) is the most used questionnaire to
measure perceptions of usability..."
August 18-20, 2016.
Pittsburgh, Pennsylvania, U.S.A.
UX Australia 2016
August 23-26, 2016.
October 20-22, 2016.
Louisville, Kentucky, U.S.A.
October 24-26, 2016.
Charlottesville, Virginia, U.S.A.
Made by Few
October 24-26, 2016.
Bentonville, Arkansas, U.S.A.
November 2-4, 2016.
San Diego, California, U.S.A.
Responsive Images: Smaller Page Sizes with the Picture Element and WebP
By Mike Babb.
"By combining both techniques, our original page weight of 779 KB has
been reduced to 480 KB for WebP-loving browsers, and for smartphones
that can render the format the page weight has come down from 380 KB
to just 234 KB. When compared to our original completely unoptimised
page, a WebP-supporting smartphone is now downloading a whopping 70%
less data to render the page."
+07: INFORMATION ARCHITECTURE.
How to Make Sense of Any Mess
By Abby Covert.
The full book is available online.
"...In the time that it takes to fly from New York to Chicago, I will
introduce you to the practice of information architecture so you can
start to make sense of whatever messes come your way..."
By Rakesh Paladugula.
"aria-valuemax property is used while developing range widgets..."
Centered Logos Hurt Website Navigation
By Kathryn Whitenton.
" Getting back to the homepage is about 6 times harder when the logo
is placed in the center of a page compared to when it's in the top
Customization vs. Personalization in the User Experience
By Amy Schade.
"Customization gives control to the user and personalization gives
control to the site. Both can enhance users' experience, but only when
[Section one ends.]
++ SECTION TWO:
+10: What Can You Find at the Web Design Reference Site?
Cascading Style Sheets Information.
Evaluation and 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