[webdev] Web Design Update: July 1, 2016

David P. Dillard


Date: Fri, 1 Jul 2016 12:11:40 -0400 (EDT)
From: David P. Dillard <jwne@...>
To: Net-Gold Groups.IO -- Educator-Gold <>,
Nabble Groups Net-Gold <ml-node+s3172864n3172864h56@...>,
"Sean Grigsby OR Keith @ Groups.IO" <>,
net-gold@..., Net-Gold on IO Groups list <>,
Temple Gold Discussion Group <TEMPLE-GOLD@...>,
Sport-Med -- Sports Medicine at Groups IO <>,
SPORT-MED@..., sport-med@...,
SocialWorkDiscussionGroups <ml-node+s2351479n1h15@...>,
SocialWork <>, social-work@...,
Digital Scholarship and Scholarly Publishing <>,
TourismANDSport -- Tourism&Sport <>,
Subject: [webdev] Web Design Update: July 1, 2016



Date: Fri, 1 Jul 2016 06:07:31 -0500
From: Laura Carlson <>
To: webdev <>
Subject: [webdev] Web Design Update: July 1, 2016


- Volume 15, Issue 01, July 01, 2016.

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


SECTION ONE: New references.

What's new at the Web Design Reference site?

New links in these categories:


02: BOOKS.


04: COLOR.




08: HTML5.








15: What Can You Find at the Web Design Reference Site?

[Contents ends.]

++ SECTION ONE: New references.


Higher Education Accessibility Online Resource Center

By National Federation of the Blind.

"This online resource includes examples of digital accessibility
policies, legal requirements, and links to accessibility standards and
procurement policies..."

Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators

By Caitlin Geier.

"Have you ever noticed the blue outlines that sometimes show up around
buttons or form fields when you're filling out a form?..." give-site-focus-tips-designing-usable-focus-indicators/

Accessibility Basics Series #8 Q&A - Focus Control

By Kim Phillips.

"Last week's presentation in our Accessibility Basics Webinar Series
covered best practices for Focus Control..."

Settlements Reached in Seven States, One Territory to Ensure Website
Accessibility for People with Disabilities

By Department of Education, Office for Civil Rights

"...OCR had received complaints involving each of the organizations,
resulting in investigations. But before OCR had completed its probes,
each of the 11 parties expressed interest in resolving their cases
voluntarily, resulting in the agreements announced today..."

Inclusivity, Gestalt Principles, and Plain Language in Document Design

By Jennifer Turner and Jessica Schomberg.

"Improving document usability requires a basic understanding of
accessibility and Universal Design for Learning, plus a few simple
tips found in Gestalt and plain language principles. Using Gestalt
principles helps connect concepts within the document in a coherent

Creating Accessable Documents (Video)

By Trent Learning System.

"Hello. Welcome to this session on creating accessibile documents in
Microsoft Word..."

Web Audits Reveal the Five Most Common Accessibility Issues

By Philip Jenkinson.

"...The most common problems are not providing an alternative for
non-text content, having a lack of captions and audio descriptions for
multimedia, not providing enough colour contrast with foreground and
background colours, having the link text on a page that isn't very
descriptive and also having a lack of instructions on labels and
forms..." /web-audits-reveal-the-five-most-common-accessibility-issues

9 Tools for Website Accessibility Testing

By Simon Heaton.

"While the following tools cannot entirely determine whether or not
your site is accessible (this can only be truly accomplished through
human assessment), they can help you on your path to accessibility by
severely cutting down the time and effort it would take to implement a
thorough evaluation..."

+02: BOOKS.

Pickering, Heydon. Inclusive Design Patterns, Smashing Magazine, 2016.


Media Queries Fun #1

By Daniel Glazman.

"So one of the painful bits when you have UI-based management of Media
Queries is the computation of what to display in that UI. No, it's not
as simple as browsing all your stylesheets and style rules to retrieve
only the media attribute of the CSS OM objects... Let's take a very
concrete example..." index.php?post/2016/06/29/Media-Queries-fun-1

Introducing the CSS text-align-last Property

By Nitish Kumar.

"This tutorial will cover all the aspects of the text-align-last
property including acceptable values, support and browser specific

+04: COLOR.

How Layout Bugs Keeping Haunting E-Commerce Sites - It's Time to Fix This

By Jamie Appleseed.

"Amazon uses beautiful large lifestyle images in multiple of their
categories. Unfortunately, when scaled down on their mobile site
there's severe contrast issues with white text overlaid images, making
it almost impossible to read some of the sub-category options..."


See How Dreamweaver is Transforming for the Future

By Rich Lee.

"...Dreamweaver is undergoing its biggest transformation ever to
become faster, leaner and completely modernized for anyone who works
with code..." see-how-dreamweaver-is-transforming-for-the-future.html


Heuristic Evaluation and Identifying Usability Problems

By Jake Rocheleau.

"...After staring at a design long enough you start to lose sight of
smaller troubles with the interface. This is where a fresh set of eyes
can come in handy - but what if you don't have any fresh eyes
available? Heuristic evaluations are the next best thing, and in this
post I'll explain how they work so you can start incorporating them
into your own design projects..."

We Test with International Audiences

By Katie Sherwin.

"Designs that incorporate local nuances of international markets
benefit organizations and their customers. Even small-scale studies
can lead to insights that improve designs and increase trust."

The Importance of User Testing

By Robyn Collinge.

"The article goes into detail about how Icons8 developed and promoted
their 'Request Icon' feature; the intended goal was to replace an old
design, making it simpler and more modern, while continuing to drive
conversions. However, after the redesign, the company found that
almost 50% fewer users were requesting icons even though their overall
website traffic remained the same..."

Essential Excel Skills For Researchers Part 1

By Jeff Sauro.

"This is the first of two articles on using Excel for data analysis..."

Essential Excel Skills For Researchers Part 2

By Jeff Sauro.

"Excel is an invaluable tool for analyzing and displaying data. In
Part 1 I covered some essentials Excel skills, such as conditionals,
absolute references and the fill handle. In this second part I'll
cover a few more advanced functionalities that mimic database

+07: EVENTS.

Forge Conference
September 26, 2016.
Philadelphia, Pennsylvania, U.S.A.

Paris Web 2016
September 29-October 1, 2016.
Paris, France

The 2016 Boston Accessibility Conference
October 1, 2016.
Boston, Massachusetts, U.S.A.

Fronteers Conference
October 6-7, 2016.
Amsterdam, The Netherlands

Full Stack Toronto
October 17-18, 2016.
Toronto, Canada

+08: HTML5.

Talking About Hypertext

By Jeremy Keith.

"I've just published a transcript of the talk I gave at the HTML
Special...PPK wanted each speaker to give an entire talk on just one
HTML element. He offered me the best element of them all: the A

Autofill: What Web Devs Should Know, but Don't

By Jason Grigsby.

"Many people know that you can scan your credit credit in Mobile
Safari. But how many web developers know how to create a form that
supports that feature?..."


By Jeremy Thomas.

A HTML and CSS tutorial


A Proposal for Unambiguous JavaScript Grammar

By John-David Dalton and Bradley Meck.

"A well-informed proposal to resolve standing issues over whether
JavaScript files are treated as regular scripts or modules..."


Making Bad Ads Sad. Rad! (Video)

By Bruce Lawson.

"Bruce Lawson explores how the whole advertising ecosystem can
(hopefully) improve."


Hamburger Menus and Hidden Navigation Hurt UX Metrics

By Kara Pernice and Raluca Budiu.

"Discoverability is cut almost in half by hiding a website's main
navigation. Also, task time is longer and perceived task difficulty

Hamburger Menus and Hidden Navigation Damage UX

By Lee Duddell.

"A joint NN/g and WhatUsersDo research project concludes that
discoverability is cut almost in half by hiding a website’s main
navigation. Also, task time is longer and perceived task difficulty


Web Standards Project: Re-ignited!

By Molly E. Holzschlag.

"Insofar as WaSP, the initial focus action I have put together is to
'bring about an iterative set of professional standards, codes of
conduct and ethics to the Web design and development industry'..."

Perspectives on Security Research, Consensus and W3C Process

By Coralie Mercier.

"Linux Weekly News published a recent story called 'Encrypted Media
Extensions and exit conditions', Cory Doctorow followed by publishing
'W3C DRM working group chairman vetoes work on protecting security
researchers and competition'..."


Typography for User Interfaces

By Viljami Salminen.

"...In this article, I want to share some of the fundamentals that
I've learned, and hopefully help you get better at setting type for
user interfaces..."


What's the Best Way to Manage Lean UX? A Q&A with Jakob Nielsen

By Lee Duddell.

"Getting members of your team involved in the design process in a Lean
UX environment can be extremely valuable...and potentially hard to
manage. So, as part of our ongoing Q&A series, I posed the following
question to Jakob Nielsen.."

How to Speed Up Your UX with Skeleton Screens

By Chris Lienert.

"However well-designed your user interface may be, at some point or
other, the people using it are going to have to wait for something to

[Section one ends.]


+15: What Can You Find at the Web Design Reference Site?

Accessibility Information.

Association Information.

Book Listings.

Cascading Style Sheets Information.

Color Information.

Drupal Information.

Evaluation & Testing Information.

Event Information.

HTML Information.

Information Architecture Information.

JavaScript Information.

Miscellaneous Web Information.

Navigation Information.

PHP Information.

Sites & Blogs Listing.

Standards, Guidelines & Pattern Information.

Tool Information.

Typography Information.

Usability Information.

XML Information.

[Section two ends.]



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.


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:


Until next time,

Laura L. Carlson

Information Technology Systems and Services

University of Minnesota Duluth

Duluth, MN U.S.A. 55812-3009

[Issue ends.]