[public-health] [webdev] Web Design Update: December 28, 2016

 

.

.

Date: Wed, 28 Dec 2016 10:45:24 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: December 28, 2016

+++ WEB DESIGN UPDATE.

– Volume 15, Issue 27, December 28, 2016.

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

++ISSUE 27 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: EVENTS.

04: JAVASCRIPT.

05: MISCELLANEOUS.

06: STANDARDS, GUIDELINES & PATTERNS.

07: USABILITY.

SECTION TWO:
08: What Can You Find at the Web Design Reference Site?

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Why Implementing Swipe Gestures Causes A Mobile Accessibility Issue

By Jennison Asuncion.

“…In short, swipe-based functionality is not accessible to all
users. It is worth noting that while the focus here is on swipe
gestures, this would hold true for any other gesture in use by any of
these assistive software products…”

https://www.linkedin.com/pulse/ why-implementing-swipe-gestures-causes-mobile-issue-jennison-asuncion

Accessible Emoji

By Léonie Watson.

“…These things are simple to fix though. We need to tell the browser
to expose the emoji (or its container) as an image, then give it an
accessible name…”

http://tink.uk/accessible-emoji/

Inaccessible Websites Dent Business Profits, as Online Shoppers ‘Click Away’

By Tristan Parker.

“…The report revealed that 71% of disabled customers with access
needs will ‘click away’ from a website that they find difficult to
use. A key finding from the survey was that the spending power of
these online shoppers who click away is £11.75 billion – money which
is then spent elsewhere by those same shoppers, on sites that they can
access…”

http://www.headstar.com/eablive/?p=1276

Web Accessibility in Healthcare

By Catharine McNally.

“…To tie this all together, having a ‘blueprint’ of the hospital
build to evaluate accessibility compliance is just as important in a
website build. Teams and stakeholders are able to anticipate potential
accessibility barriers and fix it before time and money is spent.”

https://www.phase2technology.com/blog/web-accessibility-in-healthcare/

+02: CASCADING STYLE SHEETS.

Learning from Lego: A Step Forward in Modular Web Design

By Samantha Zhang.

“…From what we’ve seen, this is a real game changer in how we think
about and code our layouts. When web components are modular like Lego
bricks down to the elements level, they become more versatile and
easier to maintain. We believe it’s the next step to take in modular
web design…”

http://alistapart.com/article/ learning-from-lego-a-step-forward-in-modular-web-design

CSS Vertical Centering – Everything You Need To Know

By Vail Joy.

“Getting content to center perfectly within an element and then
ensuring it responds properly at different screen sizes is one of the
biggest challenges that still face front-end designers…”

http://webdesignerwall.com/tutorials/css-vertical-centering-everything-need-know

CSS Writing Modes

By Jen Simmons.

“Since you may not have a lot of time, I’m going to start at the end,
with the dessert. You can use a little-known, yet important and
powerful CSS property to make text run vertically…”

https://24ways.org/2016/css-writing-modes/

How to Avoid Chaos in Your Style Sheets

By Eric An.

“…Keeping a clean CSS file helps you implement design ideas without delay…”

http://blog.invisionapp.com/design-css/

+03: EVENTS.

Developer Week
February 11-16, 2017.
San Francisco, California, U.S.A.
http://www.developerweek.com/

Webstock
February 13-17, 2017.
Wellington, New Zealand
http://www.webstock.org.nz/17/

Mobile+Web DevCon
March 1-3, 2017.
San Francisco, California, U.S.A.
http://mobilewebdevconference.com/san-francisco-2017/

Web Accessibility Training
March 14-15, 2017.
Logan, Utah, U.S.A.
http://webaim.org/training/

AHEAD 2017
July 17-22, 2017.
Orlando, Florida, U.S.A.
https://www.ahead.org/meet/conferences/2017

DrupalCon Vienna
September 25-29, 2017.
Vienna, Austria
https://events.drupal.org/vienna2017

An Event Apart San Francisco
October 30-November 1, 2017.
San Francisco, Califorina, U.S.A.
https://aneventapart.com/event/san-francisco-2017

+04: JAVASCRIPT.

aria-valuetext Property

By Rakesh Paladugula.

“Aria-valuetext property works similar to a aria-valuenow property…”

http://www.maxability.co.in/2016/12/aria-valuetext-property/

+05: MISCELLANEOUS.

Accessibility and Web Optimization (Video)

By Chris Heilmann.

“Awwwards Conference Amsterdam 2016
Chris Heilmann, Developer Evangelist at Microsoft gave a no-frills
talk on the issues we need to tackle to keep the web from becoming the
slow lane of information transport. He shares his developer’s
checklist.”

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

+06: STANDARDS, GUIDELINES & PATTERNS.

Incubate All the Things

By Brian Kardell.

“There’s a conversation going on right now on the mailing list
public-w3process, it’s exceptionally long and twisty at this point, it
took me a few hours to get caught up and… Wait, what’s that? You’ve
never even heard of this mailing list? No worries, I’ll fill you in
and tell you why this is important…”

http://bkardell.com/blog/Incubate-All-The-Things.html

+07: USABILITY.

15 Guiding Principles for UX Researchers

By Interaction Design Foundation.
“We’ve found that a lot of first time UX researchers have similar
questions and concerns when they start working in UX design. So, we
thought we’d round up and tackle some of the most common questions to
form a set of useful principles for UX researchers…”

https://www.interaction-design.org/literature/ article/15-guiding-principles-for-ux-researchers

The Biggest UX Challenges Of 2017

By Mark Wilson.

“UX is no longer just about user experience. It’s about social justice…”

https://www.fastcodesign.com/3066744/the-biggest-ux-challenges-of-2017

Designers Propose, Users Dispose (Video)

By Jakob Nielsen.

“The conclusion to my talk at the UX Conference in Las Vegas earlier
this month, about the relative power of designers and users.”

https://www.youtube.com/watch?v=8IoTsZGri4o

Psychology Makes You a Better UX Designer (Video)

By Hoa Loranger.

“Why an understanding of psychology is necessary for good user
interface design.”

https://www.youtube.com/watch?v=y6fPKi9-ZG8

[Section one ends.]

++ SECTION TWO:

+08: 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 (#343):

https://groups.io/g/public-health/message/343

View All Messages In Topic (1):

https://groups.io/g/public-health/topic/3852246

*
-=-=-=-=-=-=-=-=-=-=-=-

Attachments area

Accessibility and Web Optimization with Chris Heilmann @Awwwards Conf.

Preview YouTube video “Designers Propose, Users Dispose” (Jakob Nielsen)

“Designers Propose, Users Dispose” (Jakob Nielsen)

Preview YouTube video Psychology Makes You a Better UX Designer (Hoa Loranger)

Psychology Makes You a Better UX Designer (Hoa Loranger)

*

*

Advertisements
[public-health] [webdev] Web Design Update: December 28, 2016

Leave a Reply

Please log in using one of these methods to post your comment:

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