.
.
Date: Thu, 18 May 2017 06:05:58 -0500
From: Laura Carlson <[log in to unmask]>
To: webdev <[log in to unmask]>
Subject: [webdev] Web Design Update: May 18, 2017
+++ WEB DESIGN UPDATE.
- Volume 15, Issue 47, May 18, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 47 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: BOOKS.
03: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
05: EVENTS.
06: JAVASCRIPT.
08: NAVIGATION.
09: TOOLS.
10: TYPOGRAPHY.
11: USABILITY.
12: XML.
SECTION TWO:
13: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
5 Ways You Can Participate in Global Accessibility Awareness Day
By Deborah Edwards-Onoro.
"Global Accessibility Awareness Day (GAAD), the annual global event to
encourage people to learn about digital accessibility, will be
celebrated May 18, 2017..."
https://www.lireo.com/
5-ways-you-can-participate-in-global-accessibility-awareness-day/
Responsive Design for Motion
By James Craig.
"WebKit now supports the prefers-reduced-motion media feature, part of
CSS Media Queries Level 5, User Preferences...The following sections
include examples of common vestibular motion triggers, and variants.
If your site or web application includes similar animations, consider
disabling or using variants when the prefers-reduced-motion media
feature matches..."
https://webkit.org/blog/7551/responsive-design-for-motion/
Intro to Audio Description (Webinar Video, Slides Transcripts)
By Lily Bond and Josh Miller.
"This webinar will cover the basics of how to add audio description to
online video, legal requirements for audio description, video player
compatibility, examples and demos, how to create audio description,
and benefits of audio description outside of accessibility..."
http://www.3playmedia.com/resources/
webinars/intro-audio-description-05-04-2017/
Presentation: Accessibility in a Responsive World, A11Y Days 2017
By Scott Jehl.
"This April, I was thrilled to be given the opportunity to present at
Funka's annual Accessibility Days Conference in Stockholm. The
following is a transcript and slides from my presentation,
Accessibility in a Responsive World."
https://www.filamentgroup.com/lab/accessibility-funka.html
Accessibly Labelling Interactive Elements
By Hidde de Vries.
"...In this post I will explain implicit and explicit labelling
methods and discuss how to future-proof your labels..."
https://hiddedevries.nl/en/blog/
2017-05-05-accessibly-labelling-interactive-elements
An Introduction to Accessibility: Part 2
By Adam Soucie.
"The second principle of accessibility is that 'user interface
components and navigation must be operable'..."
https://getflywheel.com/layout/an-introduction-to-accessibility-part-2/
+02: BOOKS.
Shariat, Jonathan and Savard Saucier, Cynthia.
Tragic Design: TheImpact of Bad Product Design and How,
O'Reilly Media, 2017.
+03: CASCADING STYLE SHEETS.
Enforcing CSS Syntax Style (and more!)
By Chris Coyier.
"bet you have a style that you write CSS in, for the most part..."
https://css-tricks.com/enforcing-css-syntax-style/
Writing Tidy Code
By Harry Roberts.
"...I decided to jot down some of my own thoughts about what I find
not necessarily readable code, but neat and tidy code..."
https://csswizardry.com/2017/05/writing-tidy-code/
+04: EVALUATION & TESTING.
How to Make Personas More Scientific
by Jeff Sauro.
"...By adding a larger quantitative survey component and using
statistical clustering techniques to identify the right number of
personas and the variables that differentiate them, you can have the
best of both worlds: rich qualitative insights and generalizable
findings."
https://measuringu.com/scientific-personas/
Translating UX Goals into Analytics Measurement Plans
By Aurora Harley.
"Focus on UX goals to drive analytics measurement plans, rather than
tracking superficial metrics. Identify the core goal of a design to
meaningfully measure it."
https://www.nngroup.com/articles/ux-goals-analytics/
Making an Impact with UX Research Insights
By Natassja Hoogstad Hay.
"You've completed your in-depth interviews, your contextual inquiry or
your usability testing. What comes next? "
http://uxmastery.com/making-an-impact-with-ux-research-insights/
+05: EVENTS.
GAAD Events
May 18, 2017.
Worldwide.
http://globalaccessibilityawarenessday.org/events.html
php[tek] 2017
May 24-26, 2017.
Atlanta, Georgia, U.S.A.
https://tek.phparch.com/
HTML5 Coding Essentials and Best Practices
Starts on May 30, 2017.
Online.
https://www.edx.org/course/html5-coding-essentials-w3cx-html5-1x-2
Smashing Conference
June 13-14, 2017.
New York, New York, U.S.A.
http://smashingconf.com/
Web Directions Code 2017
August 3-4 2017.
Melbourne, Australia
http://www.webdirections.org/code/
UX Boot Camp Denver
August 16-18, 2017.
Denver, Colorado, U.S.A.
http://www.denverux.com/
Web Directions Summit 2017
November 9-10, 2017.
Sydney, Australia
https://www.webdirections.org/design/
+06: JAVASCRIPT.
Quick Guide to the ARIA Specifications
By Léonie Watson.
"ARIA (Accessible Rich Internet Applications) is a suite of
specifications from the W3C. Knowing which specification has the
information you need isn't always obvious, so this post briefly
introduces each specification and where it fits into the overall ARIA
landscape..."
https://tink.uk/quick-guide-to-the-aria-specifications/
Modern JavaScript Development Is Hard
By Nilson Jacques.
"It's not uncommon these days to see people complaining about just how
complex JavaScript development seems to have become. I can have some
sympathy with that view when it's coming from someone new to the
language..."
https://www.sitepoint.com/modern-javascript-development-hard/
The Many Faces of Functions in JavaScript
By Leo Balter and Rick Waldron.
"If you've had any contact with JavaScript code, you're probably very
familiar with how to define and call functions, but are you aware of
of how many different ways you can define a function?..."
https://bocoup.com/blog/the-many-faces-of-functions-in-javascript
+07: MISCELLANEOUS.
The Difference Between URLs and URIs
By Daniel Miessler.
"...First of all (as we see in the diagram as well) a URL is a type of
URI...until something changes, URI is best used when you're referring
to a resource just by its name or some other fragment. And when you're
giving both the name of a resource and the method of accessing it
(like a full URL), it's best to call that a URL."
https://danielmiessler.com/study/url-uri/
+08: NAVIGATION.
Improving Access to Landmark Navigation
By Matthew Atkinson.
"The Landmarks extension has been re-tooled to work on a range of
modern browsers (with support for Edge an aspiration for the near
future)...."
https://www.paciellogroup.com/blog/2017/05/
improving-access-to-landmark-navigation/
+09: TOOLS.
The Screen Curtain Bookmarklet
By Bryan Garaventa.
"The Screen Curtain Bookmarklet allows engineers, testers, educators,
and students to temporarily obscure web technologies while using
screen readers in order to simulate the experience of using such
technologies without sight."
http://whatsock.com/training/matrices/screen_curtain.htm
+10: TYPOGRAPHY.
A Walkthrough of CSS Length Units You Can Use for Font Size
By Asha Laxmi.
"In this article, you will learn about different length units and how
they affect the font size of elements they are applied to..."
https://www.sitepoint.com/
a-walkthrough-of-css-length-units-you-can-use-for-font-size/
+11: USABILITY.
Input Controls for Parameters: Balancing Exploration and Precision
with Sliders, Knobs, and Matrices
By Page Laubheimer.
"Linked controls support coarse and fine parameter selection and
ensure both ease of exploration and precision."
https://www.nngroup.com/articles/sliders-knobs/
The Term Game: Usability Definitions
By Robyn Collinge.
"When it comes to learning about the web, optimization, and usability,
it often feels like we're confronted with a whole bunch of buzzwords
and acronyms without much context..."
http://blog.usabilla.com/term-game-abc-usability/
Mobile First, Desktop Worst
By Oliver Brooks.
"An op-ed from the front lines of product design at MetaLab."
https://blog.prototypr.io/mobile-first-desktop-worst-f900909ae9e2
Love (and Hate) at First Sight: How Carousel Banners Influence First
Impressions in eCommerce
By Dominic Harkness.
"...In this post we've only looked at 3 facets of users' critical
first impression of your site, but already we've seen how rotating
banners significantly impact that experience. This is just another
reason why most companies should avoid using rotating banners to
display content on their websites..."
http://www.eyequant.com/blog/
carousel-banners-and-first-impressions-in-ecommerce
+12: XML.
Making SVG Accessible
By Léonie Watson.
"London Web Standards is an established and popular meetup for web
professionals. The meetups cover a broad range of topics including
design, development, UX and accessibility, and this month I had the
opportunity to talk about SVG accessibility..."
https://www.paciellogroup.com/blog/2017/05/
slides-london-web-standards-making-svg-accessible/
An Introduction To CSS Filters
By Steven Bradley.
"Today I want to start a short series looking at the filters CSS
provides. I'll show you how to use them and I''ll compare each to its
SVG counterpart."
http://vanseodesign.com/css/css-filters-introduction/
How To Add A Drop Shadow With A CSS Filter
By Steven Bradley.
"...Today I want to present two filter-functions that are a little
different in that more than one SVG filter primitive can be
involved..."
http://vanseodesign.com/css/drop-shadow-filter/
[Section one ends.]
++ SECTION TWO:
+13: 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:[log in to unmask]
[Issue ends.]
--
.
.
|