[webdev] Web Design Update: May 18, 2017

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

[webdev] Web Design Update: May 18, 2017

David P. Dillard
Administrator



.


.



Date: Thu, 18 May 2017 06:05:58 -0500
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
Subject: [webdev] Web Design Update: May 18, 2017



+++ 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: TheImpact 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:[hidden email]





[Issue ends.]




--


.


.



Loading...