[webdev] Web Design Update: March 1, 2018

 
Date: Thu, 1 Mar 2018 05:11:53 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: March 1, 2018

Feedback +++ 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:lcarlson@d.umn.edu

[Issue ends.]

Advertisements
[webdev] Web Design Update: March 1, 2018

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s