+++ 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.]