.
.
Date: Thu, 27 Apr 2017 06:19:56 -0500
From: Laura Carlson <lcarlson@xxxxxxxxx>
To: webdev <webdev@xxxxxxxxx>
Subject: [webdev] Web Design Update: April 27, 2017
+++ WEB DESIGN UPDATE.
- Volume 15, Issue 44, April 27, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 44 CONTENTS.
SECTION ONE: New references.
What's new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:
01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: EVALUATION & TESTING.
04: EVENTS.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: TOOLS.
08: USABILITY.
SECTION TWO:
09: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
What is Audio Description?
By John Brandt.
"Answer: The 5,000 pound gorilla in the back of the room..."
https://jebswebs.net/blog/2017/04/what-is-audio-description/
Sounding Out the Web: Web Accessibility for People Who are Deaf or
Hard of Hearing
By David Swallow.
"This is a condensed version of a two-part article originally
published on the blog of The Paciello Group, an international
accessibility agency..."
http://www.headstar.com/eablive/?p=1336
Access Denied
By Christian Vogler and Other Scholars.
"A group of scholars object to a decision by the University of
California, Berkeley, to remove many video and audio lectures from
public view as a result of a Justice Department accessibility order."
https://www.insidehighered.com/views/2017/04/18/scholars-and-
others-strongly-object-berkeleys-response-justice-department
+02: CASCADING STYLE SHEETS.
Structural Pseudo-Classes
By Alexis Goldstein, Estelle Weyl, and Louis Lazaris.
"So far, we've seen how we can target elements based on their
attributes and states. CSS3 also enables us to target elements based
simply on their location in the markup. These selectors are grouped
under the heading structural pseudo-classes..."
https://www.sitepoint.com/structural-pseudo-classes/
Container Grids
By Jonathan Snook.
"There's been a rumbling of people that want Container Queries-myself
included. (Come see my talk this year... it's all about container
queries!)..."
https://snook.ca/archives/html_and_css/container-grids
Refer to the Spec: What is All that Stuff at the Top of the Spec?
By Rachel Andrew.
"This is the first in a series of posts where we will take a look at
the CSS Grid Layout specification. We'll start right at the beginning,
with all the stuff that appears at the top of a CSS specification..."
https://rachelandrew.co.uk/archives/2017/04/24/
refer-to-the-spec-what-is-all-that-stuff-at-the-top-of-the-spec/
Give Yourself Over to CSS Grid
By Mike Riethmuller.
"Whenever a new feature is added to browsers, I see developers trying
to repeat familiar patterns..."
https://www.webdirections.org/blog/give-css-grid-mike-riethmuller/
Managing the CSS Box Model
By Tiffany Brown.
"Perhaps the most important point to understand about CSS is this:
Everything is a box..."
https://www.sitepoint.com/managing-the-css-box-model/
Font-Display
By Geoff Graham.
"The font-display property defines how font files are loaded and
displayed by the browser..."
https://css-tricks.com/almanac/properties/f/font-display/
Creating Media Queries for Responsive Web Designs
By Chris Ward.
"The following is an exclusive extract from my new book, Jump Start
Responsive Web Design, 2nd Edition..."
https://www.sitepoint.com/creating-
media-queries-for-responsive-web-designs/
+03: EVALUATION & TESTING.
A Primer On Conducting Qualitative Research
By Jeff Sauro.
"...Here are five points to help you approach and more successfully
conduct qualitative research..."
https://measuringu.com/qualitative-primer/
How to Boost App Downloads by A/B Testing Icons
By Roman Rudnik.
"How can you tell which app icon will result in the most app store
downloads? Answer: simply by looking, you can't. Even an experienced
designer couldn't answer this question with certainty, however, there
is a solution - A/B testing..."
https://www.sitepoint.com/how-to-boost-app-downloads-by-ab-testing-icons/
+04: EVENTS.
Automating Peace of Mind with Accessibility & CI With Marcy Sutton
May 3, 2017.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/237901142/
Live Stream:
https://www.youtube.com/watch?v=vBgZk3zgDHo
Global Accessibility Awareness Day Meetup
May 18, 2017.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/237270921/
edUi
September 25-27, 2017.
Charlottesville, Virginia, U.S.A.
http://eduiconf.org/
Paris Web
October 5-7, 2017.
Paris, France
http://www.paris-web.fr/
CSS Dev Conference
October 9-11, 2017.
New Orleans, Louisiana, U.S.A.
http://2017.cssdevconf.com/
World Usability Congress
October 11-12, 2017.
Graz, Austria
http://www.worldusabilitycongress.com/
+05: JAVASCRIPT.
WAI ARIA 1.1 New Roles, States and Properties
By Rakesh Paladugula.
"In last few years Maxability have published several articles on each
WAI ARIA 1.0 roles, states and properties..."
http://www.maxability.co.in/2017/04/
wai-aria-1-1-new-roles-states-and-properties/
Intro to Advanced ARIA
By Harris Schneiderman.
"This is the first post in Harris Schneiderman's Advanced ARIA series.
In this series, he'll explain how to create accessible widgets and
structures using ARIA, with practical tips and real working
examples..."
https://www.deque.com/blog/advanced-aria/
The Busy JavaScript Developer's Guide to LoopBack, Part 2 Models
By Ted Neward.
"Define and use models and data sources..."
https://www.ibm.com/developerworks/web/library/
wa-get-started-with-loopback-neward-2/index.html
+06: MISCELLANEOUS.
Pushing the Limits of Assistive Technology During the Boston Marathon
By Rob Verger.
"What an ambitious test tells us about the state of remote guidance
for the visually impaired..."
http://www.popsci.com/what-boston-marathon-tells-us-about-state-assistive-technology
+07: TOOLS.
Sass Color Contrast Tools
By Giana Blantin.
"A collection of functions to make it easy to test the contrast
between colors and tweak them until they pass your specified
requirements. Formulas are based on the WCAG 2.0 guidelines..."
https://codepen.io/giana/project/full/ZWbGzD
Stark (Hat Tip to Jennifer Sutton)
By Cat Noone, Michael Fouquet, and Benedikt Lehnert.
"The color-blind simulator and contrast checker for Sketch. Design
with accessibility in mind."
http://www.getstark.co/
+08: USABILITY.
The Difference Between Customization and Personalization
By Nick Babich.
"While both personalization and customization achieve the same goal -
an experience tailored to a user's interests - the paths used to reach
this objective are different..."
https://uxplanet.org/the-difference-between-
customization-and-personalization-624ddd70b163
Writing Digital Copy for Domain Experts
By Hoa Loranger and Kate Meyer.
"These tips for writing web content for specialized audiences will
help you sound authoritative and bolster your credibility.
Professionals want content that is easy to scan, factual, and
verifiable."
https://www.nngroup.com/articles/writing-domain-experts/
Modal & Nonmodal Dialogs: When (& When Not) to Use Them
By Therese Fessenden.
"Modal dialogs interrupt users and demand an action. They are
appropriate when user's attention needs to be directed toward
important information."
https://www.nngroup.com/articles/modal-nonmodal-dialog/
[Section one ends.]
++ SECTION TWO:
+09: What Can You Find at the Web Design Reference Site?
Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html
Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html
Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html
Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html
Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html
Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html
Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html
Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html
HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html
Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html
JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html
Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html
Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html
PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html
Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html
Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html
Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html
Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html
Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html
XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html
[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/itss/training/online/webdesign/webdev_listserv.html
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@xxxxxxxxx
[Issue ends.]
.