[webdev] Web Design Update: November 23, 2017

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[webdev] Web Design Update: November 23, 2017

David Dillard
Administrator



.


.


Date: Wed, 22 Nov 2017 06:36:03 -0600
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
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:[hidden email]





[Issue ends.]



--




*


*