+++ WEB DESIGN UPDATE. - Volume 15, Issue 26, December 22, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 26 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: HTML5. 07: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: NAVIGATION. 11: TYPOGRAPHY. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility for All: the WCAG Checklist App By Lorena LaBarbera. "...Emerge Interactive's WCAG Checklist App makes checking for compliance during design and development simple and easy within a beautifully designed app experience..." http://www.plusqa.com/2016/12/accessibility-for-all-the-wcag-checklist-app/ Accessibility in Modal Dialogs By Danielle Huntrods. Recently I was required to implement accessible modals for a client's new pattern library. I was open to using an existing module, but wanted to avoid anything with additional external library dependencies, as the amount of overall interaction across the site was low..." http://clearleft.com/thinks/416 Accessibility Lawsuits, Trolls, and Scare Tactics By Karl Groves. "There has been a lot of discussions in Web Accessibility circles around 'ADA Trolls' this year..." http://www.karlgroves.com/2016/12/19/accessibility-lawsuits-trolls-and-scare-tactics/ Web Accessibility Suits and Settlements in 2016 By Rakesh Paladugula. "It is almost at the end of year 2016. It is the time to look at the legal updates. " http://www.maxability.co.in/2016/12/web-accessibility-suits-and-settlements-in-2016/ DOJ Projects Rulemaking on State and Local Government Websites in July 2017 By Jennifer S. Rusie. "...In the continuing absence of regulatory clarity, and considering our inability to predict what actions-if any-the Trump DOJ will take in this area, private businesses may want to move forward with plans to make their websites accessible." http://www.natlawreview.com/article/doj-projects-rulemaking-state-and-local-government-websites-july-2017 +02: BOOKS. Goldstein, Lazaris, and Estelle Weyl. HTML5 & CSS3 for the Real World 2nd Edition, SitePoint, 2016. +03: CASCADING STYLE SHEETS. CSS Shorthand Syntax Considered Important By Jens Oliver Meiert. "CSS shorthands are no anti-pattern..." https://meiert.com/en/blog/20161221/css-shorthands/ Grid by Example News & Blog By Rachel Andrew. Rachel's full series of videos on how to use CSS Grid. http://gridbyexample.com/posts/ +04: EVALUATION & TESTING. Combining Behavioral UX and Usability Data By Craig Tomlin. "Combining the behavioral UX and usability testing data to analyze results and make recommendations for website optimization is the final step of the 4 Big UX Optimization steps..." http://www.usefulusability.com/combining-behavioral-ux-and-usability-data/ 7 Ways To Improve The Success Of Your Research By Jeff Sauro. "...Here are seven techniques we use to help identify and mitigate problems to conduct a successful project..." http://www.measuringu.com/blog/research-success.php Why You Should Host User Testing Viewing Parties By Jennifer Winter. "...If you're not quite ready to break out the popcorn, first consider the benefits your team will get out of the experience..." https://www.usertesting.com/blog/2016/12/20/user-testing-viewing-parties/ +05: EVENTS. LEAD Conference August 6-10, 2017. Austin, Texas, U.S.A. http://education.kennedy-center.org/education/accessibility/lead/conference.html eduWeb Digital Summit August 7-9, 2017, U.S.A. Boston, Massachusetts http://www.eduwebdigitalsummit.com/ An Event Apart Chicago August 28-30, 2017. Chicago, Illinois, U.S.A. https://aneventapart.com/event/chicago-2017 +06: HTML5. Introducing HTML5 By Simon Mackie. "The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl..." https://www.sitepoint.com/introducing-html5/ +07: INFORMATION ARCHITECTURE. Front-End Developers Are Information Architects Too By Francis Storr. "...This is about a realisation I had a couple of years ago when I started to run an increasing amount of usability-testing sessions with people who have disabilities: that the structure, labelling, and connections that can be made in front-end code is information architecture..." https://24ways.org/2016/front-end-developers-are-information-architects-too/ UX Prototypes: Low Fidelity vs. High Fidelity By Kara Pernice. "Clickable or static? Axure or paper? No matter which prototyping tools you use, the same tips apply to preparing a user interface prototype for the most effective user research." https://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/ +08: JAVASCRIPT. JavaScript: 2016 in Review By Craig Buckler. "2016 has been a monumental, bizarre, and somewhat jubilant/terrifying year depending on your outlook. To concentrate on JavaScript alone may seem inconsequential compared to other events, but it's a huge part of every web developer's working life..." https://www.sitepoint.com/javascript-2016-in-review/ +09: MISCELLANEOUS. Working Backwards By Ben Rowe. "Have you thought about where you will be in 52 weeks time?" http://uxmas.com/2016/working-backwards +10: NAVIGATION. Handling Dropdown Navigation Menus In Responsive Design By Jake Rocheleau. "...I want to share some tips and look at a few examples to help you think about the possible solutions..." http://www.vandelaydesign.com/responsive-dropdown-navigation/ +11: TYPOGRAPHY. Don't Re-Create Browser Features By Adrian Roselli. "There has been some discussion lately around, of all things, text resizing widgets on web sites. It was kicked off by a post from Jeffrey Zeldman suggesting that perhaps it is time to bring them back..." http://adrianroselli.com/2016/12/dont-re-create-browser-features.html +12: USABILITY. Why Zen Mode Isn't the Answer to Everything By Therese Fessenden. "Interfaces that temporarily hide the UI elements to emphasize content often increase the interaction cost, cognitive load, and the number of attention switches." https://www.nngroup.com/articles/zen-mode/ 10 Great Uses of Whitespace in Web Design By Tom May. "Don't try to cram everything into one small area. Follow these great examples, and use whitespace to let your content breathe. http://www.creativebloq.com/features/10-great-uses-of-negative-space-in-web-design [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.]