+++ WEB DESIGN UPDATE. - Volume 19, Issue 28, January 6, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 28 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? https://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: JAVASCRIPT. 07: MISCELLANEOUS. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Multi-Function Button By Adrian Roselli. "…The intent is to demonstrate how to make this kind of control accessible after you have been mandated to use it in lieu of a simpler pattern - whether mandated by a client, a boss, or even users…" https://adrianroselli.com/2021/01/multi-function-button.html Thoughts on Screen Readers and Image Recognition By Léonie Watson. "…If you're thinking to yourself that providing text descriptions is no longer something you need to bother with though - think again…" https://tink.uk/thoughts-on-screen-readers-and-image-recognition/ Timing is Everything By Derek Featherstone. "…I know. A Deaf or Hard-of-hearing person still got the same information. But they definitely didn't get the same experience. There's a difference. Timing is everything." https://feather.ca/timing/ Reducing Motion in Animations By Ryan Finni. "This article will demonstrate how to use the prefers-reduced-motion media feature in both CSS and JS to offer alternative interactions for users that prefer them…" https://letsbuildui.dev/articles/reducing-motion-in-animations Together Lets Tackle Biggest Accessibility Elephant in the Room in 2021 By Gareth Ford Williams. "I need your help… and the time it will be equivalent to drinking a cup of tea…We are going to focus on 20 fonts to start with and measure the readability of mainstream and 'accessible' fonts. This will enable us to measure which accessibility claims stand up and which fonts within this group are preferable to different user groups on different platforms. We can then see trends within the user choices which will enable deeper dive research. We intend to discuss these initial insights at as many meet-ups, podcasts and free conferences that will have us ;) All suggestions and invites are welcome…" https://www.linkedin.com/pulse/together-lets-tackle-biggest-accessibility-elephant-ford-williams Highlighting Accessible Twitter Content By Eric A. Meyer. "For my 2020 holiday break, I decided to get more serious about supporting the use of alternative text on Twitter. I try to be rigorous about adding descriptive text to my images, GIFs, and videos, but I want to be more…" https://meyerweb.com/eric/thoughts/2021/01/01/highlighting-accessible-twitter-content/ What Is Web Accessibility? The Basics to Get You Started By UsableNet. "…We've prepared this brief web accessibility primer to introduce you to the basics of accessibility and help you start on the path toward becoming an #A11y…" https://blog.usablenet.com/what-is-web-accessibility-the-basics-to-get-you-started 2021 Accessibility Predictions By Sheri Byrne-Haber. "Yeah, machine learning and personalization made the list, but I also have a couple of other thoughts…" https://uxdesign.cc/2021-accessibility-predictions-b92ff660c8bd +02: CASCADING STYLE SHEETS. Ordering CSS Properties By Manuel Matuzović. "I haven't thought about ordering CSS properties in a while, but I began to work on the redesign of HTMHell recently and I decided to challenge my current approach…" https://www.matuzo.at/blog/ordering-css-properties/ +03: EVALUATION & TESTING. Field Studies vs. Ethnographic Studies vs. Contextual Inquiry (Video) By Jakob Nielsen. "What is the difference between a field study, an ethnographic study, and a contextual inquiry in a user experience design project? Not much. The main difference is that between field methods and lab-based user research." https://www.nngroup.com/videos/field-studies-ethnographic-studies-contextual-inquiry/ +04: EVENTS. Web and Broadcast: The Birth of Exciting Technologies (Media for All) January 28 2021. Online https://www.w3.org/blog/talks/event/web-and-broadcast-the-birth-of-exciting-technologies/ W3C Workshop on Wide Color Gamut (WCG) and High Dynamic Range (HDR)for the Web April 15 - May 15, 2021. https://www.w3.org/Graphics/Color/Workshop/ Online Together Spring Summit April 19-21, 2021. Online https://aneventapart.com/event/spring-summit-2021 Human-Computer Interaction (HCI) 2021 July 24-29, 2021. Online http://2021.hci.international/ An Event Apart Orlando August 30-September 1, 2021. Orlando, Florida U.S.A. https://aneventapart.com/event/orlando-2021 +05: HTML. My Stack Will Outlive Yours By Steren Giannini. "My stack requires no maintenance, has perfect Lighthouse scores, will never have any security vulnerability, is based on open standards, is portable, has an instant dev loop, has no build step and… will outlive any other stack…" https://blog.steren.fr/2020/my-stack-will-outlive-yours/ +06: JAVASCRIPT. Is Progressive Enhancement Dead Yet? (Video) By Heydon Pickering. "Progressive enhancement is Scary Mary™ to some but there is no need to cry or pass out…" https://briefs.video/videos/is-progressive-enhancement-dead-yet/ +07: MISCELLANEOUS. Web Histories - Virginia DeBolt By Rachel Andrew. "Rachel Andrew interviews Virginia DeBolt to find out how her concept of integrating the teaching of HTML and CSS became accepted as the best way to teach the subjects." https://webhistories.org/stories/virginia-debolt/ Web Histories - Dori Smith By Rachel Andrew. "Rachel Andrew interviews Dori Smith, a programmer who shared her knowledge of JavaScript and web browser quirks through her writing." https://webhistories.org/stories/dori-smith/ Today is the Adobe Flash End of Life Date By Matt May. "I come to bury Flash, not to praise it. As an animation platform, Flash launched the web into new directions. But once it became a UX platform, without the structure of web or OS apps, it left millions behind. (thread)…" https://twitter.com/mattmay/status/1344728355912880129 Flash Is Dead By Tiffany B. Brown. "…Much of what Flash and Flash developers brought to the web lives on in the form of browser-native APIs and features. HTML, SVG, CSS, and JavaScript can replace Flash's slick vector graphics and silky animations, even for games…" https://webinista.com/updates/flash-end-of-life/ +08: USABILITY. The State of Design Teams: Structure, Alignment and Impact By Kate Kaplan. "A survey of 557 UX and design professionals reveals themes in the structure, size, alignment, and impact of design teams." https://www.nngroup.com/articles/design-team-statistics/ User-Experience Quiz: 2020 UX Year in Review By Raluca Budiu. "Test your usability knowledge by taking our quiz. All questions and answers are based on articles published last year." https://www.nngroup.com/articles/ux-quiz/ Easier Input on Mobile Devices (Video) By Raluca Budiu. "Form filling and other user input on mobile devices such as smartphones can be awkward and error prone, but by taking advantage of the strengths of the phone, designers can improve the usability of these tasks substantially." https://www.nngroup.com/videos/mobile-input-fields/ Regionalizing Your Mobile Designs, Part 2 By Steven Hoober. "…in Part 2, I'll get into more details about how to design for different regions, as well as describe how to format specific attributes such as date, time, currency, names, and units of measurement…" https://www.uxmatters.com/mt/archives/2021/01/regionalizing-your-mobile-designs-part-2.php Understanding Gender and Racial Bias in AI, Part 3 By Sarah Pagliaccio. "…in Part 3, I'll provide a how-to guide for addressing your own implicit biases during user research, UX design, and usability testing…" https://www.uxmatters.com/mt/archives/2021/01/understanding-gender-and-racial-bias-in-ai-part-3.php [Section one ends.] ++ SECTION TWO: +09: What Can You Find at the Web Design Reference Site? Accessibility Information. https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. https://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. https://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. https://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. https://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. https://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. https://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. https://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. https://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. https://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. https://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. https://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. https://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. https://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. https://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. https://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. https://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. https://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. https://www.d.umn.edu/itss/training/online/webdesign/usability.html WebWaste & Sustainability Information. https://www.d.umn.edu/itss/training/online/webdesign/webwaste.html XML Information. https://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: https://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.]