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

 

 

.

.

Date: Thu, 22 Dec 2016 06:24:21 -0600

From: Laura Carlson <lcarlson@d.umn.edu>

To: webdev <webdev@d.umn.edu>

Subject: [webdev] Web Design Update: December 22, 2016

+++ WEB DESIGN UPDATE.

– Volume 15, Issue 26, December 22, 2016.

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

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

07: INFORMATION ARCHITECTURE.

08: JAVASCRIPT.

09: MISCELLANEOUS.

10: NAVIGATION.

11: TYPOGRAPHY.

12: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility for All: the WCAG Checklist App

By Lorena LaBarbera.

“…Emerge Interactive’s WCAG Checklist App makes checking for
compliance during design and development simple and easy within a
beautifully designed app experience…”

http://www.plusqa.com/2016/12/ accessibility-for-all-the-wcag-checklist-app/

Accessibility in Modal Dialogs

By Danielle Huntrods.

Recently I was required to implement accessible modals for a client’s
new pattern library. I was open to using an existing module, but
wanted to avoid anything with additional external library
dependencies, as the amount of overall interaction across the site was
low…”

http://clearleft.com/thinks/416

Accessibility Lawsuits, Trolls, and Scare Tactics

By Karl Groves.

“There has been a lot of discussions in Web Accessibility circles
around ‘ADA Trolls’ this year…”

http://www.karlgroves.com/2016/12/19/ accessibility-lawsuits-trolls-and-scare-tactics/

Web Accessibility Suits and Settlements in 2016

By Rakesh Paladugula.

“It is almost at the end of year 2016. It is the time to look at the
legal updates. ”

http://www.maxability.co.in/2016/12/ web-accessibility-suits-and-settlements-in-2016/

DOJ Projects Rulemaking on State and Local Government Websites in July 2017

By Jennifer S. Rusie.

“…In the continuing absence of regulatory clarity, and considering
our inability to predict what actions-if any-the Trump DOJ will take
in this area, private businesses may want to move forward with plans
to make their websites accessible.”

http://www.natlawreview.com/article/ doj-projects-rulemaking-state-and-local-government-websites-july-2017

+02: BOOKS.

Goldstein, Lazaris, and Estelle Weyl.
HTML5 & CSS3 for the Real World
2nd Edition, SitePoint, 2016.

+03: CASCADING STYLE SHEETS.

CSS Shorthand Syntax Considered Important

By Jens Oliver Meiert.

“CSS shorthands are no anti-pattern…”

https://meiert.com/en/blog/20161221/css-shorthands/

Grid by Example News & Blog

By Rachel Andrew.

Rachel’s full series of videos on how to use CSS Grid.

http://gridbyexample.com/posts/

+04: EVALUATION & TESTING.

Combining Behavioral UX and Usability Data

By Craig Tomlin.

“Combining the behavioral UX and usability testing data to analyze
results and make recommendations for website optimization is the final
step of the 4 Big UX Optimization steps…”

http://www.usefulusability.com/ combining-behavioral-ux-and-usability-data/

7 Ways To Improve The Success Of Your Research

By Jeff Sauro.

“…Here are seven techniques we use to help identify and mitigate
problems to conduct a successful project…”

http://www.measuringu.com/blog/research-success.php

Why You Should Host User Testing Viewing Parties

By Jennifer Winter.

“…If you’re not quite ready to break out the popcorn, first consider
the benefits your team will get out of the experience…”

https://www.usertesting.com/blog/2016/12/20/user-testing-viewing-parties/

+05: EVENTS.

LEAD Conference
August 6-10, 2017.
Austin, Texas, U.S.A.
http://education.kennedy-center.org/education/ accessibility/lead/conference.html

eduWeb Digital Summit
August 7-9, 2017, U.S.A.
Boston, Massachusetts
http://www.eduwebdigitalsummit.com/

An Event Apart Chicago
August 28-30, 2017.
Chicago, Illinois, U.S.A.
https://aneventapart.com/event/chicago-2017

+06: HTML5.

Introducing HTML5

By Simon Mackie.

“The following is an extract from our book, HTML5 & CSS3 for the Real
World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and
Estelle Weyl…”

https://www.sitepoint.com/introducing-html5/

+07: INFORMATION ARCHITECTURE.

Front-End Developers Are Information Architects Too

By Francis Storr.

“…This is about a realisation I had a couple of years ago when I
started to run an increasing amount of usability-testing sessions with
people who have disabilities: that the structure, labelling, and
connections that can be made in front-end code is information
architecture…”

https://24ways.org/2016/ front-end-developers-are-information-architects-too/

UX Prototypes: Low Fidelity vs. High Fidelity

By Kara Pernice.

“Clickable or static? Axure or paper? No matter which prototyping
tools you use, the same tips apply to preparing a user interface
prototype for the most effective user research.”

https://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/

+08: JAVASCRIPT.

JavaScript: 2016 in Review

By Craig Buckler.

“2016 has been a monumental, bizarre, and somewhat jubilant/terrifying
year depending on your outlook. To concentrate on JavaScript alone may
seem inconsequential compared to other events, but it’s a huge part of
every web developer’s working life…”

https://www.sitepoint.com/javascript-2016-in-review/

+09: MISCELLANEOUS.

Working Backwards

By Ben Rowe.

“Have you thought about where you will be in 52 weeks time?”

http://uxmas.com/2016/working-backwards

+10: NAVIGATION.

Handling Dropdown Navigation Menus In Responsive Design

By Jake Rocheleau.

“…I want to share some tips and look at a few examples to help you
think about the possible solutions…”

http://www.vandelaydesign.com/responsive-dropdown-navigation/

+11: TYPOGRAPHY.

Don’t Re-Create Browser Features

By Adrian Roselli.

“There has been some discussion lately around, of all things, text
resizing widgets on web sites. It was kicked off by a post from
Jeffrey Zeldman suggesting that perhaps it is time to bring them
back…”

http://adrianroselli.com/2016/12/dont-re-create-browser-features.html

+12: USABILITY.

Why Zen Mode Isn’t the Answer to Everything

By Therese Fessenden.

“Interfaces that temporarily hide the UI elements to emphasize content
often increase the interaction cost, cognitive load, and the number of
attention switches.”

https://www.nngroup.com/articles/zen-mode/

10 Great Uses of Whitespace in Web Design

By Tom May.

“Don’t try to cram everything into one small area. Follow these great
examples, and use whitespace to let your content breathe.

http://www.creativebloq.com/features/ 10-great-uses-of-negative-space-in-web-design

[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:lcarlson@d.umn.edu

[Issue ends.]

*

*

.

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

.

.

.

Groups.io Links:

You receive all messages sent to this group.

View/Reply Online (#325):

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

View All Messages In Topic (1):

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

.

.

Advertisements
[public-health] [webdev] Web Design Update: December 22, 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