.
Date: Thu, 21 Jan 2016 06:27:45 -0600
From: Laura Carlson <[log in to unmask]>
To: webdev <[log in to unmask]>
Subject: [webdev] Web Design Update: January 21, 2016
+++ WEB DESIGN UPDATE.
- Volume 14, Issue 30, January 21, 2016.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 30 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: JAVASCRIPT.
08: NAVIGATION.
09: PHP.
10: USABILITY.
SECTION TWO:
11: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Simple Standalone Toggletip Widget Pattern
By Steve Faulkner.
"Tooltips have always bugged me, apart from regularly mispelling as
'TOOTlips' it is a bugger trying to create one that works across
browsers with Assistive Technology (AT), in particular screen
readers..."
https://www.paciellogroup.com/blog/2016/01/
simple-standalone-toggletip-widget-pattern/
How to Design for Dyslexia
By Usabilla.
"One in every five visitors to your site might be dyslexic..."
https://medium.com/@usabilla/
how-to-design-for-dyslexia-71e214fe6964#.gu2qo3skj
I'm an Accessibility Consultant. Stop Hiring Me.
By Joe Dolson.
"...Diving into that godawful website that you need to get rebuilt in
the next six months because you're being sued? No, that's really not
much fun..."
https://www.joedolson.com/2016/01/
im-an-accessibility-consultant-stop-hiring-me/
Accessibility is a Process, Not a Project
By Jon Metz.
"...Developers and Designers should begin to understand that
accessibility is not a project problem, but a process problem. A
process can be defined as a series of actions or steps taken in order
to achieve a particular end. When considered as a process, the
conversation becomes addressing the behavior that's employed to
perform an activity...By making accessibility an organizational
process improvement, the experience of using a product has already
become a defined approach."
https://medium.com/@jonbmetz/
accessibility-is-a-process-not-a-project-ce1c1cdc3aa7#.b504r48dt
Renewed Push for Improved Web Accessibility Policy in the United States
By Chris Pycroft.
"Two separate calls for improved web accessibility of government
websites in the United States are gaining momentum..."
http://www.accessiq.org/news/news/2016/01/
renewed-push-for-improved-web-accessibility-policy-in-the-united-states
What to do When You Get Sued... (revisited)
By Karl Groves.
"... If you find yourself on the wrong end of a complaint letter,
there are a number of things you can do to avoid a long, costly, and
potentially embarrassing fight..."
http://www.karlgroves.com/2016/01/18/
what-to-do-when-you-get-sued-revisited/
Blind Student Settles Suit against Miami University
By Associated Press.
"Attorneys have settled a federal lawsuit filed by a blind student who
accused Miami University of using technology that presented a barrier
to her education, court records show..."
http://www.cincinnati.com/story/news/2016/01/15/
blind-student-settles-suit-against-miami-university/78872670/
Status Of The Accessibility Of Slack
By Maro Zehe.
"... the question of how accessible the Slack team communication
service is, has come up time and again. Here's my observation after
trying it out..."
https://www.marcozehe.de/2016/01/16/status-of-the-accessibility-of-slack/
+02: CASCADING STYLE SHEETS.
It's Time to Rethink Vendor Prefixes in CSS
By Patrick Catanzariti.
"...The times are changing. WebKit's dominance is unintentionally
causing a fractured and incompatible web and other browsers are
looking to expand their compatibility by implementing -webkit-
prefixes to keep up. While this issue should fade as vendor prefixes
are phased out, developers need to check that their use of prefixes
does not cause unexpected results in non-WebKit browsers."
http://www.sitepoint.com/its-time-to-rethink-vendor-prefixes-in-css/
Subgrids Considered Essential
By Eric A. Meyer.
"Grid layout is a pretty darned fantastic thing. I've been digging
into it as I write the grid layout chapter of CSS:TDG4e, and there are
more things in here than have been dreamt of in our layout
philosophies. One of the things I've recently come to realize is the
power and necessity of subgrids..."s
http://meyerweb.com/eric/thoughts/
2016/01/15/subgrids-considered-essential/
Sass: The @media Directive
By Steven Bradley.
"...Sass both supports and extends the @media rule..."
http://vanseodesign.com/css/sass-the-media-directive/
+03: COLOR.
5 Ways to Improve Your Ecommerce Design for Colourblind Users
By Geri Coady.
"...have you ever thought about the perception of colour, and how it
can be perceived differently by different people?..."
https://www.shopify.com/partners/blog/
86314118-5-ways-to-improve-your-ecommerce-design-for-colourblind-users
+04: EVALUATION & TESTING.
What are the Odds?
By Jeff Sauro.
"...Percentages are popular because even when people know little about
the underlying measure, they can more easily interpret a percentage:
they work for any sized sample and are bound from 0 to 100%..."
http://www.measuringu.com/blog/odds.php
Testing
By Jeremy Kieth.
"I think it's really important that if someone is going to test your
site with a screen reader, it should be someone who uses a screen
reader every day...Don't think of screen-reader testing as a form of
browser testing; think of it as a form of usability testing."
https://adactio.com/journal/10104
+05: EVENTS.
Planning for a Higher Ed Website Redesign
February 29 - March 2, 2016.
Cincinnati, Ohio, U.S.A.
http://www.academicimpressions.com/conference/
planning-higher-ed-website-redesign
Midwest PHP
March 4-5, 2016.
Minneapolis, Minnesota, U.S.A.
http://2016.midwestphp.org/
Usability Week - Houston
March 7-11, 2016.
Houston, Texas, U.S.A.
http://www.nngroup.com/training/houston/
Managing Experience Conference
March 29-30, 2016.
San Francisco, California, U.S.A.
http://mxconference.com/
Fronteers Spring Thing
April 1, 2016.
Amsterdam, Netherlands
https://fronteers.nl/spring
Space City JS
April 2, 2016.
Houston, Texas, U.S.A.
http://spacecity.codes/
+06: HTML5.
The Woes of Date Input
By Ian Devlin.
"One of the many new input types that HTML5 introduced is the date
input type which, in theory, should allow a developer to provide the
user with a simple, usable, recognisable method of entering a date on
a web page. But sadly, this input type has yet to reach its full
potential..."
http://html5doctor.com/the-woes-of-date-input/
+07: JAVASCRIPT.
Object-Oriented JavaScript - A Deep Dive into ES6 Classes
By Jeff Mott.
"Often we need to represent an idea or concept in our programs-maybe a
car engine, a computer file, a router, or a temperature reading..."
http://www.sitepoint.com/
object-oriented-javascript-deep-dive-es6-classes/
+08: NAVIGATION.
A New Mobile Navigation Menu
By Joey Rabbitt.
"Converting the desktop dropdown nav..."
https://medium.com/@supjoey/the-curtain-menu-redesigning-
drop-down-navigation-for-mobile-bd63b555a3df#.fq20ohkwr
Hamburger, Hamburger, Hamburger
By Jeremy Keith.
"...The answer to the question 'Is the hamburger icon good or bad?' is
a resounding and clear 'It depends.'"
https://adactio.com/journal/10120
+09: PHP.
PHP Arrays - Associative Arrays or Hash Maps
By Michelangelo van Dam.
"Associative array or hash maps are listings of key and value pairs
with a posibility to nest additional keys and values. An associative
array is a very powerful construct within PHP."
http://www.dragonbe.com/2016/01/
php-arrays-associative-arrays-or-hash.html
+10: USABILITY.
The Illusion of Completeness: What It Is and how to Avoid It
By Kim Flaherty.
"Users can think they see the entire web page, although additional
content exists off-screen. Designers must help users discover all
relevant information."
https://www.nngroup.com/articles/illusion-of-completeness/
Cringeworthy Words to Cut from Online Copy
By Hoa Loranger.
"The right words can make or break trust; they affect your tone of
voice and how people perceive your site."
https://www.nngroup.com/articles/cringeworthy-words/
3 Facets of Great UX Design: Part 2
By Jerry Cao.
"...In this second instalment of our three part series, we're going to
examine another of the important tenets of UX design, usability..."
http://uxmastery.com/3-facets-great-ux-design-part-2/
[Section one ends.]
++ SECTION TWO:
+11: 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:[log in to unmask]
[Issue ends.]
--
.
|