[webdev] Web Design Update: April 27, 2017

David P. Dillard
 

.


.



Date: Thu, 27 Apr 2017 06:19:56 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
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@d.umn.edu





[Issue ends.]





.

Join Net-Gold@groups.io to automatically receive all group messages.