Web Design Update: March 1, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 36, March 1, 2018.

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

++ISSUE 36 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: HTML.
06: MISCELLANEOUS.
07: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 Candidate Recommendation - What it Means for Level AA Compliance
By Scott Hollier.
"…With WCAG 2.1 reaching a near-complete stage its a great time to look at all this in a bit more detail
and focus on what additional work would be required by ICT professionals to meet WCAG 2.1 Level AA compliance…"
http://www.hollier.info/wcag21cr/

The WCAG 2.1 Final Draft is Here - And It's Doable
By Essential Accessibility.
"Last December, we discussed the new update to the Web Content Accessibility Guidelines (WCAG),
which will be made official in a few months…"
https://www.essentialaccessibility.com/blog/wcag-update-final-draft/

5 Questions to Ask Before Publishing PDFs
By By Deborah Edwards-Onoro.
"Mention PDFs (Portable Document Format) to a group of web professionals these days, and you're guaranteed
to get a lively discussion about the benefits and disadvantages of the PDF file…"
https://www.lireo.com/5-questions-to-ask-before-publishing-pdfs

Mobile Apps Accessibility! Is It Impossible?
By Rakesh Paladugula.
"Mobile apps accessibility is something always make me upset…"
http://www.maxability.co.in/2018/02/mobile-apps-accessibility-impossible/

Stakeholder Job Stories for Accessibility Guidelines
Editors: Charles Hall, Shawn Lauriat, and Jeanne Spellman.
"As part of a use-centered design process, the Silver Community Group and the Silver Task Force of the Accessibility
Guidelines Working Group (AGWG) identified 31 stakeholder roles for users of accessibility guidelines…"
https://www.w3.org/community/silver/stakeholder-job-stories

Accessibility Testing for Beginners
By Andrea Fercia.
"In-depth accessibility testing requires knowledge and experience. But even if you're not a specialist,
you can start testing for accessibility today…"
https://yoast.com/dev-blog/accessibility-testing-for-beginners

How We've Made GOV.UK Elements Even More Accessible
By Anika Henke.
"…We wanted to look at more than 40 different elements and components.
And we needed to test a lot of these elements in context…"
https://accessibility.blog.gov.uk/2018/02/28/how-weve-made-gov-uk-elements-even-more-accessible/


+02: CASCADING STYLE SHEETS.

Styling Empty Cells With Generated Content And CSS Grid Layout
By Rachel Andrew.
"…In this article, I am going to take a look at how to use CSS Generated Content to achieve styling of empty cells
without adding redundant empty elements and show some use cases where this technique makes sense…"
https://www.smashingmagazine.com/2018/02/generated-content-grid-layout/

How Browsers Handle Errors in CSS - 3/7 Resilient CSS (Video)
By Jen Simmons.
"How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself."
https://www.youtube.com/watch?v=NJjlzxud4_M

Revisiting Margin Collapse
By Adam Laki.
"Margin collapse is something that mentioned in every CSS book's first or second chapter. When I learned about
the stylesheets in a long time ago, of course, I read about it. These memories a little bit wore out so its time to refresh my knowledge…"
https://pineco.de/revisiting-margin-collapse/

30 Seconds of CSS
By atomiks.
"A curated collection of useful CSS snippets you can understand in 30 seconds or less."
https://atomiks.github.io/30-seconds-of-css/

Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc
By Zell Liew.
"Vertical Rhythm is an important concept in web design. It has the ability to bring a design together
and make different elements feel consistent on the same page…"
https://zellwk.com/blog/responsive-vertical-rhythm/


+03: EVALUATION & TESTING.

UX Expert Reviews
By Aurora Harley.
"Expert reviews involve the analysis of a design by a UX expert
with the goal of identifying usability problems and strengths."
https://www.nngroup.com/articles/ux-expert-reviews/

Do Novices or Experts Uncover More Usability Issues?
By Jeff Sauro.
"Finding and fixing problems encountered by participants through usability testing generally
leads to a better user experience…"
https://measuringu.com/novice-expert-issues/


+04: EVENTS.

Event Apart Boston
June 25-27, 2018.
Boston, Massachusetts, U.S.A
https://aneventapart.com/event/boston-2018

Advanced CSS Layouts With Flexbox and CSS Grid
June 28, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/advanced-css-layouts-with-flexbox-and-css-grid-toronto/

New Front-End Adventures in Responsive Design
June 28, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/new-front-end-adventures-in-responsive-design-toronto/

Institutional Web Management Workshop
July 11-13, 2018.
York, England, United Kingdom
http://iwmw.org/iwmw2018/


+05: HTML.

HTML Source Order and When There's No CSS (Video)
By Jen Simmons.
"Its important to create HTML that works without CSS - setting your source order and semantic markup
before you even get started with your layout. When is it there's no CSS? Jen Simmons will show you…"
https://www.youtube.com/watch?v=C82zB_yaGF8


+06: MISCELLANEOUS.

Interview with Glenda Sims - Part 1
By Nicolas Steenhout.
"Glenda Sims is Deque's lead of Accessibility Methodology Practice and Quality. She has been doing
digital accessibility since before 2000, and it's her passion…"
https://www.patreon.com/posts/a11y-rules-29-1-17054522

David MacDonald - The GodFather of WCAG (Podcast)
By AT Banter.
"This week David MacDonald, president of CanAdapt and long-time WCAG and web accessibility guru,
calls in to make the Banter Boys an offer they can't refuse - namely making the online world a more accessible space…"
https://atbanter.com/2018/02/23/at-banter-episode-90-david-macdonald-the-godfather-of-wcag/

Everything Easy is Hard Again
By Frank Chimero.
"…It's by keeping our work legible that we keep the door open to the next generation of our co-workers.
What works for them also works for us, because whether you are just out of school or have twenty years
of experience, you'll eventually end up in the same spot: your first year of making websites."
https://frankchimero.com/writing/everything-easy-is-hard-again/

We Need Design That is Faster and Design That is Slower
By Jeffery Zeldman.
"…How can we tell which sites should be faster, and which should be slower? It's easy.
If the content is delivered for the good of the general public, the presentation must facilitate slow, careful reading.
If it's designed to promote our business or help a customer get an answer to her question, it must be designed for speed of relevancy."
http://www.zeldman.com/2018/02/24/need-design-faster-design-slower/

AMP News
By Chris Coyier.
"AMP is controversial, to say the least…"
https://css-tricks.com/amp-news/

AMP for Email is a Terrible Idea
By Devin Coldewey.
"Google just announced a plan to 'modernize' email with its Accelerated Mobile Pages platform,
allowing 'engaging, interactive, and actionable email experiences.'…"
https://techcrunch.com/2018/02/13/amp-for-email-is-a-terrible-idea/


+07: USABILITY.

If Google Wanted to Get Found in Google
By Gerry McGovern.
"Google isn't optimized for Google. It's optimized for searching and finding. Focus on the task of your customers
and you are much more likely to get found, used and valued."
http://gerrymcgovern.com/if-google-wanted-to-get-found-in-google/

UX Mapping Methods: When to Use Which (Video)
By Sarah Gibbons.
"UX mappings are visual representations that depict different processes and have different goals,
yet they all build common ground within an organization."
https://www.nngroup.com/videos/ux-mapping-methods/

Dashboard Design User Experience Guidelines
By Justin Mifsud.
"…The success of a dashboard should be evaluated in terms of the user’s ability to identify and understand the
individual figures, patterns and trends bound to the data being represented. This can only be achieved as a result
of various design considerations that go beyond the aesthetical nature…"
https://usabilitygeek.com/dashboard-design-user-experience-guidelines/

Live Chat Software: The Quick & Dirty UX 101
By Roxanne Abercrombie.
"…Done well, live chat is a UX boon that opens up communication for your website visitors. Poorly done,
it is disappointing at best and damaging at worst. So, use this quick overview to start getting your hands dirty in live chat UX…"
https://usabilitygeek.com/live-chat-software-user-experience-guidelines/


[Section one ends.]


++ SECTION TWO:

+08: 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:lcar...@d.umn.edu


[Issue ends.]

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

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