+++ WEB DESIGN UPDATE. - Volume 15, Issue 47, May 18, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 47 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: EVALUATION & TESTING. 05: EVENTS. 06: JAVASCRIPT. 08: NAVIGATION. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. 5 Ways You Can Participate in Global Accessibility Awareness Day By Deborah Edwards-Onoro. "Global Accessibility Awareness Day (GAAD), the annual global event to encourage people to learn about digital accessibility, will be celebrated May 18, 2017..." https://www.lireo.com/5-ways-you-can-participate-in-global-accessibility-awareness-day/ Responsive Design for Motion By James Craig. "WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences...The following sections include examples of common vestibular motion triggers, and variants. If your site or web application includes similar animations, consider disabling or using variants when the prefers-reduced-motion media feature matches..." https://webkit.org/blog/7551/responsive-design-for-motion/ Intro to Audio Description (Webinar Video, Slides Transcripts) By Lily Bond and Josh Miller. "This webinar will cover the basics of how to add audio description to online video, legal requirements for audio description, video player compatibility, examples and demos, how to create audio description, and benefits of audio description outside of accessibility..." http://www.3playmedia.com/resources/webinars/intro-audio-description-05-04-2017/ Presentation: Accessibility in a Responsive World, A11Y Days 2017 By Scott Jehl. "This April, I was thrilled to be given the opportunity to present at Funka's annual Accessibility Days Conference in Stockholm. The following is a transcript and slides from my presentation, Accessibility in a Responsive World." https://www.filamentgroup.com/lab/accessibility-funka.html Accessibly Labelling Interactive Elements By Hidde de Vries. "...In this post I will explain implicit and explicit labelling methods and discuss how to future-proof your labels..." https://hiddedevries.nl/en/blog/2017-05-05-accessibly-labelling-interactive-elements An Introduction to Accessibility: Part 2 By Adam Soucie. "The second principle of accessibility is that 'user interface components and navigation must be operable'..." https://getflywheel.com/layout/an-introduction-to-accessibility-part-2/ +02: BOOKS. Shariat, Jonathan and Savard Saucier, Cynthia. Tragic Design: The Impact of Bad Product Design and How, O'Reilly Media, 2017. +03: CASCADING STYLE SHEETS. Enforcing CSS Syntax Style (and more!) By Chris Coyier. "bet you have a style that you write CSS in, for the most part..." https://css-tricks.com/enforcing-css-syntax-style/ Writing Tidy Code By Harry Roberts. "...I decided to jot down some of my own thoughts about what I find not necessarily readable code, but neat and tidy code..." https://csswizardry.com/2017/05/writing-tidy-code/ +04: EVALUATION & TESTING. How to Make Personas More Scientific by Jeff Sauro. "...By adding a larger quantitative survey component and using statistical clustering techniques to identify the right number of personas and the variables that differentiate them, you can have the best of both worlds: rich qualitative insights and generalizable findings." https://measuringu.com/scientific-personas/ Translating UX Goals into Analytics Measurement Plans By Aurora Harley. "Focus on UX goals to drive analytics measurement plans, rather than tracking superficial metrics. Identify the core goal of a design to meaningfully measure it." https://www.nngroup.com/articles/ux-goals-analytics/ Making an Impact with UX Research Insights By Natassja Hoogstad Hay. "You've completed your in-depth interviews, your contextual inquiry or your usability testing. What comes next? " http://uxmastery.com/making-an-impact-with-ux-research-insights/ +05: EVENTS. GAAD Events May 18, 2017. Worldwide. http://globalaccessibilityawarenessday.org/events.html php[tek] 2017 May 24-26, 2017. Atlanta, Georgia, U.S.A. https://tek.phparch.com/ HTML5 Coding Essentials and Best Practices Starts on May 30, 2017. Online. https://www.edx.org/course/html5-coding-essentials-w3cx-html5-1x-2 Smashing Conference June 13-14, 2017. New York, New York, U.S.A. http://smashingconf.com/ Web Directions Code 2017 August 3-4 2017. Melbourne, Australia http://www.webdirections.org/code/ UX Boot Camp Denver August 16-18, 2017. Denver, Colorado, U.S.A. http://www.denverux.com/ Web Directions Summit 2017 November 9-10, 2017. Sydney, Australia https://www.webdirections.org/design/ +06: JAVASCRIPT. Quick Guide to the ARIA Specifications By Léonie Watson. "ARIA (Accessible Rich Internet Applications) is a suite of specifications from the W3C. Knowing which specification has the information you need isn't always obvious, so this post briefly introduces each specification and where it fits into the overall ARIA landscape..." https://tink.uk/quick-guide-to-the-aria-specifications/ Modern JavaScript Development Is Hard By Nilson Jacques. "It's not uncommon these days to see people complaining about just how complex JavaScript development seems to have become. I can have some sympathy with that view when it's coming from someone new to the language..." https://www.sitepoint.com/modern-javascript-development-hard/ The Many Faces of Functions in JavaScript By Leo Balter and Rick Waldron. "If you've had any contact with JavaScript code, you're probably very familiar with how to define and call functions, but are you aware of of how many different ways you can define a function?..." https://bocoup.com/blog/the-many-faces-of-functions-in-javascript +07: MISCELLANEOUS. The Difference Between URLs and URIs By Daniel Miessler. "...First of all (as we see in the diagram as well) a URL is a type of URI...until something changes, URI is best used when you're referring to a resource just by its name or some other fragment. And when you're giving both the name of a resource and the method of accessing it (like a full URL), it's best to call that a URL." https://danielmiessler.com/study/url-uri/ +08: NAVIGATION. Improving Access to Landmark Navigation By Matthew Atkinson. "The Landmarks extension has been re-tooled to work on a range of modern browsers (with support for Edge an aspiration for the near future)...." https://www.paciellogroup.com/blog/2017/05/improving-access-to-landmark-navigation/ +09: TOOLS. The Screen Curtain Bookmarklet By Bryan Garaventa. "The Screen Curtain Bookmarklet allows engineers, testers, educators, and students to temporarily obscure web technologies while using screen readers in order to simulate the experience of using such technologies without sight." http://whatsock.com/training/matrices/screen_curtain.htm +10: TYPOGRAPHY. A Walkthrough of CSS Length Units You Can Use for Font Size By Asha Laxmi. "In this article, you will learn about different length units and how they affect the font size of elements they are applied to..." https://www.sitepoint.com/a-walkthrough-of-css-length-units-you-can-use-for-font-size/ +11: USABILITY. Input Controls for Parameters: Balancing Exploration and Precision with Sliders, Knobs, and Matrices By Page Laubheimer. "Linked controls support coarse and fine parameter selection and ensure both ease of exploration and precision." https://www.nngroup.com/articles/sliders-knobs/ The Term Game: Usability Definitions By Robyn Collinge. "When it comes to learning about the web, optimization, and usability, it often feels like we're confronted with a whole bunch of buzzwords and acronyms without much context..." http://blog.usabilla.com/term-game-abc-usability/ Mobile First, Desktop Worst By Oliver Brooks. "An op-ed from the front lines of product design at MetaLab." https://blog.prototypr.io/mobile-first-desktop-worst-f900909ae9e2 Love (and Hate) at First Sight: How Carousel Banners Influence First Impressions in eCommerce By Dominic Harkness. "...In this post we've only looked at 3 facets of users' critical first impression of your site, but already we've seen how rotating banners significantly impact that experience. This is just another reason why most companies should avoid using rotating banners to display content on their websites..." http://www.eyequant.com/blog/carousel-banners-and-first-impressions-in-ecommerce +12: XML. Making SVG Accessible By Léonie Watson. "London Web Standards is an established and popular meetup for web professionals. The meetups cover a broad range of topics including design, development, UX and accessibility, and this month I had the opportunity to talk about SVG accessibility..." https://www.paciellogroup.com/blog/2017/05/slides-london-web-standards-making-svg-accessible/ An Introduction To CSS Filters By Steven Bradley. "Today I want to start a short series looking at the filters CSS provides. I'll show you how to use them and I''ll compare each to its SVG counterpart." http://vanseodesign.com/css/css-filters-introduction/ How To Add A Drop Shadow With A CSS Filter By Steven Bradley. "...Today I want to present two filter-functions that are a little different in that more than one SVG filter primitive can be involved..." http://vanseodesign.com/css/drop-shadow-filter/ [Section one ends.] ++ SECTION TWO: +13: 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.]