.
.
Date: Wed, 22 Nov 2017 06:36:03 -0600
From: Laura Carlson <[log in to unmask]>
To: webdev <[log in to unmask]>
Subject: [webdev] Web Design Update: November 23, 2017
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 22, November 22, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 22 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: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: USABILITY.
SECTION TWO:
10: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
5 Ways to Make Your App More Accessible
By Bryn Gelbart.
"Users spend a large portion of their days in apps. However, there is
not yet as much focus on app accessibility as web accessibility. It's
time to change that…"
https://axesslab.com/app-accessibility-tips/
Understanding WCAG 2.1: What to Expect (Video)
By Glenda Sims.
"Here we are on a quest to answer the question "What is WCAG 2.1?…"
https://www.deque.com/blog/wcag-2-1-what-to-expect/
November is National Epilepsy Awareness Month
By Bureau of Internet Accessibility.
"…The Web Content Accessibility Guidelines (WCAG) 2.0 offer tips for
tailoring a website to accommodate epileptic users…"
https://www.boia.org/blog/november-is-national-epilepsy-awareness-month
Out with Accessibility - In with Inclusive Design (Video)
By Robin Christopherson.
"Widely recognised as a leading expert on accessibility and digital
inclusion, Robin Christopherson of leading UK tech charity AbilityNet
will explore the 'mental 180' we all need to undergo when it comes to
considering accessibility in this mobile-first world. Packed with
practical illustrations and demos…"
https://vimeo.com/241688610
Advocating for Accessible UI Design
By Lara Schenck.
"…it's about time we start designing the web for everyone because the
web was meant to be for everyone, and less and less are we able to
predict where, when, and how our work will be consumed…"
https://css-tricks.com/advocating-for-accessible-ui-design/
Management: Avoid Making this Costly Accessibility Mistake
By Karl Groves.
"…There's really only one logical choice you can make when it comes to
any internal accessibility advocates you may have: keep them happy.
Foster their personal and professional growth. Support them. Give them
a real voice and listen to them. Take them seriously. Let them mentor
others who also care about accessibility. You will need them someday."
http://www.karlgroves.com/2017/11/17/
management-avoid-making-this-costly-accessibility-mistake/
How Accessible is Your Website for the Disabled? Consider Doing an
Audit to And Out
By Melody Kramer.
Melody Kramer interviews Eric Bailey.
https://www.poynter.org/news/
how-accessible-your-website-disabled-consider-doing-audit-find-out
Inclusive Design 24 (#ID24)
Organized by The Paciello Group.
All 24 hours of the webinars are online.
https://www.inclusivedesign24.org/
The Impact of AI on Accessibility
By Sheila Zinck.
"…all of the panelists cautioned against viewing AI as a panacea for
accessibility. They cited several issues and challenges ahead,
including…"
https://www.ibm.com/blogs/age-and-ability/
2017/11/01/impact-ai-accessibility/
Alternative Text for Images: Buffer Announces Support for Extension, Part 3
By Deborah Edwards-Onoro.
"This is my third post about alternative text for Buffer and Hootsuite…"
https://www.lireo.com/part-3-alternative-text-
for-images-buffer-announces-support-for-extension/
+02: CASCADING STYLE SHEETS.
Faux Grid Tracks
By Eric A. Meyer.
"A little while back, there was a question posted to css-discuss…"
https://alistapart.com/article/faux-grid-tracks
Aligning Items in a Flex Container
By Rachel Andrew and Chris David Mills.
"…In this guide, we will take a thorough look at how the alignment and
justification properties work in Flexbox…"
https://developer.mozilla.org/en-US/docs/Web/CSS/
CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
A Dao of Responsive Liquid
By Jeffery Zeldman.
"Two decades before Responsive Web Design, we dipped our toes in
Liquid Layout - a similar but necessarily less refined concept. Glenn
Davis of Project Cool fame coined the phrase in 1995 or 1996. (Glenn
also came up with 'Ice' to describe fixed-width layouts, and 'Jello'
for layouts that combined some fixed with some flexible elements.)…"
http://www.zeldman.com/2017/11/19/dao-responsive-liquid/
CSS 101: Selectors
By Damien Cosset.
"CSS (Cascading Style Sheets) is a language that allows you to
describe the styles your markup should have…"
https://dev.to/damcosset/css-101-selectors-78m
CSS: The Reason Why Selectors Should Be Ordered, Too
By Jens Oliver Meiert.
"…A few thoughts taken from early work on my upcoming book on CSS optimization…"
https://meiert.com/en/blog/selector-order/
Using CSS Grid: Supporting Browsers Without Grid
By Rachel Andrew.
"…In this article, I explore approaches to dealing with browser support today…"
https://www.smashingmagazine.com/2017/11/
css-grid-supporting-browsers-without-grid/
+03: COLOR.
Simple Patterns for Separation (Better Than Color Alone)
By Chris Coyier On November 18, 2017
"Color is pretty good for separating things. That's what your basic
pie chart is, isn't it? You tell the slices apart by color. With
enough color contrast, you might be OK, but you might be even better
off (particularly where accessibility is concerned) using patterns, or
a combination…"
https://css-tricks.com/simple-patterns-for-separation/
+04: EVALUATION & TESTING.
Hooked and Booked
By Jeremy Keith.
"At Booking.com, they do a lot of A/B testing. At Booking.com, they've
got a lot of dark patterns. I think there might be a connection…"
https://adactio.com/journal/13109
Stop Pretending
By Gregg Bernstein.
If you're asking participants to guess, predict, hypothesize, or
anticipate either their future behavior or that of a friend, you're
not researching. You're pretending.
http://gregg.io/2017/11/14/stop-pretending.html
+05: EVENTS.
Panel Discussion on All Things A11Y
November 29, 2017.
Online.
https://groups.drupal.org/node/517800
How Persons with Disabilities Use the Web
November 30, 2017.
Online.
https://www.deque.com/blog/upcoming-webinar-persons-disabilities-web/
Ontario Digital Inclusion Summit
February 9-10, 2018.
Toronto, Canada.
https://www.digitalinclusion.ca/welcome
+06: HTML.
Happier HTML5 Form Validation
By Dave Rupert.
"Native HTML5 Form Validation. The way you want it. In 6 lines of code…"
http://daverupert.com/2017/11/happier-html5-forms/
Editing the W3C HTML5 Spec
By Bruce Lawson.
"On 3 November, the Queen and Uncle Timbo (Sir Tim Berners-Lee to you)
came round to Lawson Towers to threaten me with a punch in the face
and a karate chop if I didn't co-edit the W3C HTML5 spec…"
http://www.brucelawson.co.uk/2017/editing-the-w3c-html5-spec/
+07: JAVASCRIPT.
Accessible Web Apps with React, TypeScript, and AllyJS
By Daniel Yuschick.
"Accessibility is an aspect of web development that is often overlooked…"
https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/
How to Reduce the Cost of JavaScript
By Addy Osmani.
"…In this post, I'll cover why a little discipline can help if you'd
like your site to load & be interactive quickly on mobile devices…"
https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e
Currying Is Not Idiomatic in JavaScript
By Axel Rauschmayer.
"In this blog post I explain why, in my opinion, currying is not a
good fit for JavaScript…"
http://2ality.com/2017/11/currying-in-js.html
+08: MISCELLANEOUS.
Tim Berners-Lee on the Future of the Web: "The System is Failing"
By Olivia Solon.
"The inventor of the world wide web remains an optimist but sees a
'nasty wind' blowing amid concerns over advertising, net neutrality
and fake news…"
https://www.theguardian.com/technology/2017/nov/15/
tim-berners-lee-world-wide-web-net-neutrality
The Web for the Entire World: Chrome Dev Summit 2017 (Video)
By Deborah Edwards-Onoro.
"Are you surprised to learn that China has the highest number of
Internet users?…"
https://www.lireo.com/
the-web-for-the-entire-world-chrome-dev-summit-2017-video/
AXSchat with Professor Gregg Vanderheiden, from the Global Public
Inclusive Infrastructure (Video)
By Neil Milliken.
"Dr.Vanderheiden has been active in the area of Technology and
Disability for over 45 years…"
https://www.youtube.com/watch?v=t3VUyIOBXm0
+09: USABILITY.
Delightful UX Designs for Which to Be Thankful (Video)
By Katie Sherwin.
"User experiences that bring joy through ease or delight deserve our
appreciation. We extend our gratitude for some of this year's designs.
Share what you're thankful for with #GiveUXThanks."
https://www.nngroup.com/videos/delightful-ux-be-thankful/
Bad Icons: How to Identify and Improve Them
By Kara Pernice.
"Related links are often chunked as a set, each with an icon. One bad
icon hurts user interaction. A set of bad icons is worse because it
amplifies confusion, adds clutter, and wastes screen real estate."
https://www.nngroup.com/articles/bad-icons/
The Ultimate Guide for Form Design: the Perfect Form
By Carolina Koladzyn.
"…This article provides general guidelines to design a better form…"
https://medium.com/@carolinalina/
the-ultimate-guide-for-form-design-the-perfect-form-acea20367ed1
We Must Measure Customer Time
By Gerry McGovern.
"…Wasting your customers' time is the poorest of poor customer
experience. The first step is to recognize that."
http://gerrymcgovern.com/we-must-measure-customer-time/
12 Common UX Design Myths That Need to Go in 2018
By Karol K.
"…At the end of the day, most of them can be avoided if we try putting
ourselves in our users' shoes more, and don't make too many
assumptions about their behaviors or motivations. However, this is
also much easier said than done, I know. Sorry about that."
https://blogs.adobe.com/creativecloud/
12-common-ux-design-myths-that-need-to-go-in-2018/
Slides: Inclusive Usability Testing
By Adrian Roselli.
"I have uploaded my slides from a11yTOCamp to SlideShare. If the embed
below does not work, visit them directly…"
http://adrianroselli.com/2017/11/
slides-inclusive-usability-testing-a11ytocamp.html
[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 & 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.]
--
*
*
|