[DigitalScholarship] [webdev] Web Design Update: July 14, 2016

 

.

.

Date: Thu, 14 Jul 2016 06:10:03 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
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?

http://www.d.umn.edu/itss/training/online/webdesign/

New links in these categories:

01: ACCESSIBILITY.

02: CASCADING STYLE SHEETS.

03: COLOR.

04: EVALUATION & TESTING.

05: EVENTS.

06: HTML5.

07: INFORMATION ARCHITECTURE.

08: JAVASCRIPT.

09: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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…”

https://teachaccess.github.io/tutorial/

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?”

https://marcysutton.com/links-vs-buttons-in-modern-web-applications/

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
project…”

https://www.springload.co.nz/blog/being-pragmatic-about-accessibility/

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…”

https://accessibility.blog.gov.uk/ 2016/07/01/accessibility-and-me-chris-moore/

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.”

https://www.insidehighered.com/blogs/ law-policy-and-it/ada-web-accessibility

+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…”

https://www.chenhuijing.com/blog/how-well-do-you-know-display/

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…”

https://bitsofco.de/the-target-trick/

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…”

http://www.quirksmode.org/blog/archives/2016/07/the_limits_of_s.html

+03: COLOR.

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…”

https://medium.com/design-notes/ a-tale-of-a-colour-blind-designer-9ac4cda46318

+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…”

http://www.measuringu.com/blog/sus-five.php

+05: EVENTS.

Abstractions
August 18-20, 2016.
Pittsburgh, Pennsylvania, U.S.A.
http://abstractions.io/

UX Australia 2016
August 23-26, 2016.
Melbourne, Australia
http://www.uxaustralia.com.au/conferences/uxaustralia-2016/

Midwest UX
October 20-22, 2016.
Louisville, Kentucky, U.S.A.
http://2016.midwestuxconference.com/

edUi
October 24-26, 2016.
Charlottesville, Virginia, U.S.A.
http://eduiconf.org/

Made by Few
October 24-26, 2016.
Bentonville, Arkansas, U.S.A.
https://madebyfew.com/

MAX 2016
November 2-4, 2016.
San Diego, California, U.S.A.
https://max.adobe.com/

+06: HTML5.

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.”

https://mikebabb.com/
responsive-images-smaller-page-sizes-with-the-picture-element-and-webp/

+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…”

http://www.howtomakesenseofanymess.com/

+08: JAVASCRIPT.

aria-valuemax (property)
By Rakesh Paladugula.
“aria-valuemax property is used while developing range widgets…”
http://www.maxability.co.in/2016/07/aria-valuemax-property/

+09: USABILITY.

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
left corner.”

https://www.nngroup.com/articles/centered-logos/

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
carefully implemented.”

https://www.nngroup.com/articles/customization-personalization/

[Section one ends.]

++ SECTION TWO:

+10: 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 and 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 This Message (#144):

 

 

https://groups.io/g/DigitalScholarship/message/144

 

.

 

.

 

 

 

 

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