[Educator-Gold] [webdev] Web Design Update: December 8, 2016

 

.
.

Date: Thu, 8 Dec 2016 06:31:00 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: December 8, 2016

+++ WEB DESIGN UPDATE.

– Volume 15, Issue 24, December 8, 2016.

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

++ISSUE 24 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: HTML5.

06: INFORMATION ARCHITECTURE.

07: JAVASCRIPT.

08: MISCELLANEOUS.

09: NAVIGATION.

10: PHP.

11: TOOLS.

12: TYPOGRAPHY.

13: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

What the Heck Is Inclusive Design?

By Heydon Pickering.

“…This article is about what I think ‘inclusive design’ means and
why I think you might like it as an idea…”

https://24ways.org/2016/what-the-heck-is-inclusive-design/

Inclusive Markup (Video)

By Estelle Weyl.

Estelle’s September 2016 View Source Conference talk.

https://www.youtube.com/watch?v=FN3g39bnSRA

How to Make Accessibility Easier for Service Teams

By Angela Collins Rees.

“Making services accessible means making services that anyone can use.
It means creating and running them so that no one is excluded, whether
they have a disability or not…”

https://accessibility.blog.gov.uk/2016/12/02/ how-to-make-accessibility-easier-for-service-teams/

Facebook’s Head of Accessibility Thinks You Should Unplug Your Mouse

By Greg Leffler.

“Imagine that you turned on your phone and opened your favorite social
app one morning only to find that instead of your normal activity
feed, you just see boxes that say ‘an article’ or ‘a photo’…”

https://www.linkedin.com/pulse/ facebooks-head-accessibility-thinks-you-should-unplug-greg-leffler

Social Media and Accessibility (PDF)

By Gian Wild.

“…A subset of requirements from the W3C Web Content Accessibility
Guidelines were used to test how accessible LinkedIn is to people with
disabilities. A large number of issues were found, indicating that
LinkedIn is not an accessible social network and is unlikely to
provide the same functionality to people with disabilities using the
system as those provided to the general public…”

http://link.springer.com/chapter/10.1007%2F978-3-319-39396-4_12

A Simple, Accessible Language Switcher Module

By Russ Weakley.

“This language switcher module uses a simple radio button combination
to allow users to change language…”

https://russmaxdesign.github.io/language-switcher/

+02: CASCADING STYLE SHEETS.

CSS Grid

By Eric A. Meyer.

“…CSS Grid is going to become supported-by-default in Chrome and
Firefox in March of 2017.  Specifically, Mozilla will ship it in
Firefox 52, scheduled for March 7th.  Due to the timing of their
making Grid enabled-by-default in Chrome Canary, it appears Google
will ship it in Chrome 57, scheduled for March 14…”

http://meyerweb.com/eric/thoughts/2016/12/05/css-grid/

CSS Selectors Explained By Going Car Shopping

By Kevin Kononenko.

“If you have ever seen a car dealership, then you can understand CSS
selectors…”

https://medium.freecodecamp.com/ css-selectors-explained-by-going-car-shopping-51a383f6eb4b

+03: EVALUATION & TESTING.

Imperfect Personas

By Eric Meyer.

“Personas can help us focus and make decisions about who we’re
designing for, but they often have blind spots built right in: they
represent sanitised, idealised states of being. In today’s UXmas gift
Eric explains how this is a problem when designing for real people,
and gives us some tips about what we can do about it.”

http://uxmas.com/2016/imperfect-personas/

6 Ways To Visualize Statistical Significance

By Jeff Sauro.

“…Here are six ways to indicate sampling error and statistical
significance to the consumers of your research…”

http://www.measuringu.com/blog/visualize-significance.php

A Case Study on Remote Moderated User Testing

By Shannon Copfer Brace.

“…In this article, I’ll walk through how we chose our methods,
identified constraints, set our goals, and executed the plan…”

http://www.uxbooth.com/articles/ a-case-study-on-remote-moderated-user-testing/

+04: EVENTS.

UXPA
June 5-8, 2017.
Toronto, Canada
http://uxpa2017.org/

Confab Central 2017
June 7-9, 2017.
Minneapolis, Minnesota, U.S.A.
http://confabevents.com/events/central/2017

M-Enabling Summit
June 12-14, 2017.
Washington, D.C., U.S.A.
http://www.m-enabling.com/

+05: HTML5.

The Average Web page From Top Twenty Google Results Study

By advancedwebranking.

“This HTML usage data comes from 8 million index pages gathered from
top twenty Google results, for about 30 million keywords – chosen by
keyword volume. To learn more about this data, visit the FAQ section.”

https://www.advancedwebranking.com/html/

+06: INFORMATION ARCHITECTURE.

Wireflows: A UX Deliverable for Workflows and Apps

By Page Laubheimer.

“Wireflows are a combination of wireframes and flowcharts. They can
document workflow and screen designs when there are few pages that
change dynamically.”

https://www.nngroup.com/articles/wireflows/

+07: JAVASCRIPT.

Why I’m Thankful for JS Fatigue

By Eric Elliott.

“Learning JS can be overwhelming…Make peace with your focus. It’s
that simple…”

https://medium.com/javascript-scene/why-im-thankful-for-js-fatigue-
i-know-you-re-sick-of-those-words-but-this-is-different-296fae0c888f

+08: MISCELLANEOUS.

Meet The Web, Worldwide

By Tim Kadlec.

“From the very beginning the web has been emboldened by the grandiose
idea that it could be for everyone, everywhere. What we face today is
the challenge of making that idea become a reality…”

http://calendar.perfplanet.com/2016/meet-the-web-worldwide/

+09: NAVIGATION.

How Channels, Devices, and Touchpoints Impact the Customer Journey

By Kim Flaherty.

“Customer journeys are collections of touchpoints between users and
organizations. A touchpoint is defined by a combination of channel,
device, and user task.”

https://www.nngroup.com/articles/channels-devices-touchpoints/

5 Common Mistakes Designers Make When Using Cards In Design

By Brandon Arnold.

“…Here we’ll cover 5 of the most common mistakes we see designers
make with card based UI…”

http://zurb.com/article/1456/5-common-mistakes-designers-make-when-usi

Death by Hamburger

By Fiona Foster.

“Why three little lines are hurting your UX…”

https://uxdesign.cc/death-by-hamburger-2d1db115352a

+10: PHP.

The Delicious Evils of PHP

By Christopher Pitt.

“I want to look at two PHP functions: eval and exec…”

https://www.sitepoint.com/the-delicious-evils-of-php/

+11: TOOLS.

Site Check

By UITest.com.

“Site Check saves you time—fill out only one form instead of a dozen
when checking a website. Site Check lists links to test results
provided by important validators and testing tools…”

https://uitest.com/en/check/

+12: TYPOGRAPHY.

Accessibility Whack-A-Mole

By Eleanor Ratliff.

“‘How do we deal with accessibility needs for which there are no
definitive answers?’ asks Eleanor Ratliff. Sometimes we arrive at a
fix that helps one group of people only to find that our solution
undermines another group’s experience. Through the prism of typeface
choice, Ratliff relates how she and her team tackled the problem of
accessibility whack-a-mole for a rebranding project.”

http://alistapart.com/article/accessibility-whack-a-mole

+13: USABILITY.

Effective Writing For Your UI: Things to Avoid

By Nick Babich.

“Clear, accurate, and concise text makes interfaces more usable and
builds trust. Below is a list of 16 things you should avoid in your
writing…”

https://uxplanet.org/effective-writing-
for-your-ui-things-to-avoid-f6084e94e009

The Secret of Waiters Who Don’t Write Your Order Down

By Vincent Feeney.

“…In psychology, the Zeigarnik effect states that people remember
uncompleted or interrupted tasks better than completed tasks…”

https://uxdesign.cc/why-waiters-who-dont-write-your-order- down-aren-t-just-as-amazing-as-you-thought-bfeded5453b1

[Section one ends.]

++ SECTION TWO:

+14: 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@d.umn.edu

[Issue ends.]

.

-=-=-=-=-=-=-=-=-=-=-=-

.
.
Groups.io Links:

You receive all messages sent to this group.

View/Reply Online (#2731): https://groups.io/g/Educator-Gold/message/2731
View All Messages In Topic (1): https://groups.io/g/Educator-Gold/topic/3778956

-=-=-=-=-=-=-=-=-=-=-=-
Attachments area
Preview YouTube video “Inclusive Markup” View Source Conference talk by Estelle Weyl

“Inclusive Markup” View Source Conference talk by Estelle Weyl
Advertisements
Standard

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s