[webdev] Web Design Update: April 5, 2018

David P. Dillard
 



*


*



Laura Carlson <lcarlson@d.umn.edu>

Apr 5

 

 

to webdev

+++ WEB DESIGN UPDATE.
- Volume 16, Issue 41, April 5, 2018.

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

++ISSUE 41 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: MISCELLANEOUS.
06: NAVIGATION.
07: TOOLS.
08: USABILITY.
09: XML.

SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

The Same, But Different: Breaking Down Accessibility, Universality,
and Inclusion in Design
By Matt May.
"When Wendy Chisholm and I got together over a decade ago to write a
book about web accessibility, the first thing we had to tackle was the
title…"
https://theblog.adobe.com/different-breaking-accessibility-universality-inclusion-design/

Data Tables
By Heydon Pickering.
"The first thing I was told when I embarked on learning web standards
about twelve years ago was, 'don't use tables for layout'…"
https://inclusive-components.design/data-tables/

Tables, JSON, CSS, ARIA, RWD, TLAs…
By Adrian Roselli.
"…I took a different approach here. I am using vanilla JavaScript to
parse a pile of JSON into a table…"
http://adrianroselli.com/2018/04/tables-json-css-aria-rwd-tlas.html

Web Accessibility Complaints Dismissed after Rules Change by DOE
Office of Civil Rights
By C.P. Hoffman.
"Education Advocate Marcie Lipsitt has filed more than 2,400
complaints with the Department of Education Office of Civil Rights
(OCR) against schools and universities with websites that she says
aren't accessible to individuals with disabilities. In mid-March, OCR
changed the rules so that it can ignore Lipsitt's complaints…"
https://www.levelaccess.com/web-accessibility-complaints-dismissed-rules-change-doe-office-civil-rights/

New Rules Let Ed Department Ignore Disability-Related Complaints
By Hannah Lang.
"Since January 2016, Marcie Lipsitt has filed 2,400 complaints with
the U.S. Department of Education's Office for Civil Rights over web
accessibility for people with disabilities…"
https://www.disabilityscoop.com/2018/04/02/new-ignore-disability-complaints/24924/

Website ADA Lawsuits and Personal Jurisdiction
By Klein Moynihan Turco.
"Last week, a federal district court in the Commonwealth of
Massachusetts denied a motion to dismiss based on personal
jurisdiction in a website accessibility lawsuit brought under Title
III of the Americans with Disabilities Act ('ADA')…"
https://www.lexology.com/library/detail.aspx?g=638aca3a-5ba5-4e58-889a-0842af873d2c


+02: CASCADING STYLE SHEETS.

Focusing on Focus Styles
By Eric Bailey.
"Not everyone uses a mouse to browse the internet…"
https://css-tricks.com/focusing-on-focus-styles/

Cropping Images with Object Fit (Video)
By Jen Simmons.
"If we want to create a layout where we specify both the height and
width of an image, creating a flexible layout, we can use 'object-fit'
to crop the image."
https://www.youtube.com/watch?v=5CZyxnCdXuk

Understanding Logical Properties And Values
By Rachel Andrew.
"n the past, CSS has tied itself to physical dimensions and
directions, physically mapping the placement of elements to the left,
right and top and bottom…"
https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/

From Float to Flexbox
By Amy Carney.
"It only took me until 2018 to finally apply flexbox to a project…"
https://carneydevelopit.wordpress.com/2018/03/29/from-float-to-flexbox/


+03: EVALUATION & TESTING.

Why You Don't Need a Representative Sample in Your User Research
By David Travis.
"Engaging a representative sample of participants in user research
sounds like a good idea but it is flawed…"
https://www.userfocus.co.uk/articles/myth-of-the-representative-sample.html

Content Performance Quotient
By Luke Wroblewski.
(Notes on Jeffrey Zeldman's Event Apart presentation)
"…Content Performance Quotient (Design CPQ) is a metric of how quickly
we can get the right content to solve the customer's problem. The
shortest distance between problem & solution. This tracks your value
to the customer by measuring the speed of usefulness…"
https://www.lukew.com/ff/entry.asp?1988

Beyond Engagement: the Content Performance Quotient by Jeffrey Zeldman.
Notes on Jeffrey's presentation By Jeremy Keith.
"…If a customer spends 30 minutes on our site, was she engaged …or
frustrated? Was it the beautiful typography and copy …or because she
couldn't find what they wanted? If someone spends a long time on an
ecommerce site, is it because the products are so good …or because
search isn't working well?…"
https://adactio.com/journal/13663

10 Things I Learned After 300+ A/B Tests
By George Mavrommatis.
"…I decided to write down my thoughts about my last 2 years of A/B
testing and share my learnings with you…"
https://uxplanet.org/10-things-i-learned-after-300-a-b-tests-aae18f748c7b


+04: EVENTS.

Autism and Accessibility, Design Challenges and Solutions
April 17, 2018.
Online.
https://www.abilitynet.org.uk/news-blogs/upcoming-autism-and-accessibility-webinar

CodeStock
April 20-21, 2018.
Knoxville, Tennessee, U.S.A.
http://codestock.org/

iA Summit
April 21-25, 2018.
Chicago, Illinois, U.S.A.
http://www.iasummit.org/

GOTO Chicago
April 25-26, 2018.
Chicago, Illinois, U.S.A.
https://gotochgo.com/


+05: MISCELLANEOUS.

The Making of 'Stylable - The Musical'
By Bruce Lawson.
"At the reportedly-excellent PerfMatters Conference on Tuesday, our
Stylable - The Musical music video was unleashed in its world
premiere. For those of you who missed this epoch-defining event, here
it is…"
http://www.brucelawson.co.uk/2018/the-making-of-stylable-the-musical/


+06: NAVIGATION.

Designing Accessible Navigations
By Nicholas Kramer.
"Although we almost always think of a site's header when referring to
navigation, it's important to remember that navigating a site is not
only moving from page to page but also from section to section within
individual pages…"
https://uxplanet.org/designing-accessible-navigations-3b1a151d3bd7

Creating Accessible HTML: A Crash Course in ARIA Landmark Regions
By Genevieve Nelson.
"What if I told you there are a set of roles, states, and properties
that enhance HTML for the purpose of accessibility…"
https://c2experience.com/blog/2018/03/creating-accessible-html-a-crash-course-in-aria-landmark-regions/


+07: TOOLS.

A11y Evaluation Tools List
By Jose Hilera.
"…list of tools that can be used to evaluate the accessibility of web
content and non-web content (mobile applications, desktop
applications, documents)…"
https://docs.google.com/spreadsheets/d/10CTezA0iDdaWggaqxuHawj-5u8YXdZeWBJsIkuvJ364/edit#gid=347324347

New Accessibility Tools (in DevTools Chrome 65)
By Kayce Basques.
"Use the Accessibility pane on the Elements panel to investigate the
accessibility properties of the currently-selected element…"
https://developers.google.com/web/updates/2018/01/devtools#a11y


+08: USABILITY.

4 Most Hated UI Tricks
By Nick Babich.
"1.) Pop-Ups… 2.) Infinite Scrolling … 3.) Push Notifications… 4.)
Scroll Hijack…"
https://www.webdesignerdepot.com/2018/03/4-most-hated-ui-tricks/

Here's everything I've learned from designing 10,000+ UI screens as a
lead product designer
By Jon Moore.
"Here's everything I've learned from designing 10,000+ UI screens as a
lead product designer…"
https://medium.com/ux-power-tools/heres-everything-i-ve-learned-from-designing-10-000-ui-screens-as-a-lead-product-designer-7d2810bee810

UX In Contact Forms: Essentials To Turn Leads Into Conversions
By Kate Sipkina.
"…Is it OK to place a form in two columns?…Where should labels be
placed?…Can we use placeholder text instead of a label?…How to lessen
the cognitive load of a form?…Are buttons considered part of a form's
UX?…Is it possible to ease the process of filling a form?…Does the
user's location influence a form's UX?…"
https://www.smashingmagazine.com/2018/03/ux-contact-forms-essentials-conversions/

Trust Versus Use
By Gerry McGovern.
"The recent Facebook personal data controversary raises two questions:
How much is our privacy worth to us? How much is our convenience worth
to us? It seems that we value convenience much more than we value
privacy."
http://gerrymcgovern.com/trust-versus-use/

Do You Really Know Why You Do What You Do?
By Petter Johansson.
"Experimental psychologist Petter Johansson researches choice
blindness -- a phenomenon where we convince ourselves that we're
getting what we want, even when we're not…"
https://www.ted.com/talks/petter_johansson_do_you_really_know_why_you_do_what_you_do


+09: XML.

SVG Filtering for Windows High Contrast Mode
By Adrian Roselli.
"Two nearly back-to-back tweets this weekend reminded me that you can
use CSS filters to mess with the colors of SVGs…"
http://adrianroselli.com/2018/03/svg-filtering-for-windows-high-contrast-mode.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:lcarlson@d.umn.edu


[Issue ends.]

Attachments area

Preview YouTube video Cropping images with Object Fit

 

 

 

Attachments area
Preview YouTube video Cropping images with Object Fit

 

 https://docs.google.com/spreadsheets/d/10CTezA0iDdaWggaqxuHawj-5u8YXdZeWBJsIkuvJ364/edit?usp=gmail#gid=347324347

https://www.youtube.com/watch?v=5CZyxnCdXuk&authuser=0



Join public-health@groups.io to automatically receive all group messages.