..
..
+++ WEB DESIGN UPDATE.
– Volume 14, Issue 13, September 24, 2015.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 13 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: HTML5.
05: JAVASCRIPT.
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.
3.2.1 On Input
By Rakesh Paladugula.
“Entering content into a text field or selecting an option from a form
control has predictive results. This means users should be able to
predict what will happen if the user activates a link, input data into
a text field or select options from a form control. People with
cognitive disabilities and those with low vision are likely to get
distracted due to changes that occur on input…”
http://www.maxability.co.in/2015/09/3-2-1-on-input/
Accessibility for E-Learning – Section 508 and WCAG
By Tanya Seidel.
“What are Section 508 and WCAG? How do they differ? Why should you
care? What tools can you use to make your e-learning courses follow
accessibility best practices and adhere to the law? …”
https://www.td.org/Publications/Blogs/Learning-Technologies-Blog/ 2015/09/Accessibility-for-E-Learning-Section-508-and-WCAG
Higher Education Instructors: Your Untagged PDFs Are NOT Accessible
By George Joeckel.
“If you work at a public higher education institution and post
materials online, you should be aware of two recent court cases that
specifically mention a file format that you probably use: Portable
Document Format (PDF)…”
https://www.linkedin.com/pulse/higher-education-instructors- your-untagged-pdfs-george-joeckel?trk=hp-feed-article-title-like
My Approach to Mobile Accessibility Testing
By Helen Burge.
“…quick summary to help clarify how I approach mobile accessibility
testing, and how it only requires a few tweaks to desktop testing
successfully perform audits…”
http://www.ministryoftesting.com/2015/09/ my-approach-to-mobile-accessibility-testing/
Progress on New Federal Electronic Instructional Materials
Accessibility Legislation
By Russ Poulin.
“In today’s blog post, we have a conversation with Jarret Cummings,
EDUCAUSE’s Director of Policy and External Relations. ”
https://wcetblog.wordpress.com/2015/09/21/cummings-accessibility-leg/
Sue Everyone
By Karl Groves.
“You don’t want to make your ICT products & services accessible? Fine.
Don’t. You don’t believe in the rights of persons with disabilities?
Fine. Don’t. But when you’re sued and need help, don’t say that people
didn’t try to get you to care about accessibility through less
antagonistic means.”
http://www.karlgroves.com/2015/09/17/sue-everyone/
+02: CASCADING STYLE SHEETS.
CSS Stacking Contexts: What They Are and How They Work
By Tiffany B. Brown.
“Stacking contexts are an aspect of CSS that trips up most developers…”
http://tiffanybbrown.com/2015/09/css-stacking-contexts-wtf/
Great Modern CSS Conception Principles
By Nicolas Hoffmann.
“We have often discussed, supported and defended it : front-end
development, including CSS is a centerpiece for websites and even for
the Web, and this phenomenon is increasing more and more, especially
with responsive websites. Nicolas Hoffmann offers for this purpose a
series of no less than ten articles on modern approaches and
constraints affecting CSS .”
http://openweb.eu.org/articles/great-modern-css-conception-principles
Using Modernizr with Flexbox
By Zoe M. Gillenwater.
Last week, Modernizr was updated to version 3, and with that upgrade
gained some useful new tests for flexbox support. You now get four
separate flexbox tests, producing eight different classes on your
<html> tag that you can use to target browsers with different levels
of flexbox support.
http://zomigi.com/blog/using-modernizr-with-flexbox/
Create Elegant and Responsive Bootstrap Buttons (Video)
By Russ Weakley.
“In this screencast, I will show you how to create elegant responsive
Bootstrap buttons including overcoming white-space issues and hiding
content at various screen sizes.
http://www.sitepoint.com/ watch-create-elegant-and-responsive-bootstrap-buttons/
Introduction to Sass – Part 1
By Steven Bradley.
“CSS preprocessors have become part of many designer and developer
workflows over the last few years as they help you write and maintain
complex CSS code. They offer some of the features of programming
languages when you want them, allowing you to ignore them when you
don’t…”
http://vanseodesign.com/css/introduction-to-sass-part-1/
Introduction to Sass – Part 2
By Steven Bradley.
“If you’ve never worked with Sass or another CSS preprocessor before,
you might be surprised how easy they are to use. It’s as easy to get
started writing Sass as writing the CSS you already know…”
http://vanseodesign.com/css/introduction-to-sass-part2/
+03: EVALUATION & TESTING.
Recruiting the Right Participants for User Research
By Janet M. Six
“In this edition of Ask UXmatters, our panel of UX experts discusses
how to determine whether they have recruited the right participants to
enable them to conduct effective user research.”
http://www.uxmatters.com/mt/archives/2015/09/ recruiting-the-right-participants-for-user-research.php
Guidelines for Pre-Testing Expert Reviews
By Jack Josephy.
“Expert reviews conducted before user testing should follow a slightly
different set of rules, below I will try and outline some of these
nuances.”
http://www.webcredible.com/blog/guidelines-pre-testing-expert-reviews/
5 Reasons to Perform a Qualitative Study
By Jeff Sauro.
“…Here are five reasons to perform a qualitative
study…Exploration…Complexity…Context…Explanation…Measures
don’t fit the problem well…”
http://www.measuringu.com/blog/qualitative-study.php
In-Person vs. Remote Usability Testing: A UX Design Student’s Perspective
By Bethany Colden.
“This is the story of my experience using UserTesting to validate the
design of an Android app for my final class project…”
https://www.usertesting.com/blog/2015/09/22/ in-person-vs-remote-usability-testing/
+04: HTML5.
Use Only One <main> on a Page
By Adrian Roselli.
“That’s it. That’s the meat of the post. The title covers it all. You
don’t need to read any further. You are, of course, welcome to
continue since I spent all this time writing it.”
http://adrianroselli.com/2015/09/use-only-one-main-on-a-page.html
Avoiding Redundancy with WAI-ARIA in HTML Pages
By Rafay Saeed Ansari.
“Life’s been easy since we’ve started integrating ARIA roles in HTML
code. ARIA has been providing additional semantics to help assistive
technologies (ATs) and making it possible for developers to enhance
the usability of web applications for people with disabilities. The
fundamental question remains to date – do HTML elements need ARIA role
attributes to expose their semantics? In this article, I will cover
this subject along with the new HTML5 structural elements with default
implicit semantics that contest ARIA roles.”
http://www.sitepoint.com/avoiding-redundancy-wai-aria-html-pages/
+05: JAVASCRIPT.
Want to learn JavaScript in 2015?
By Vincent Orr.
“This is a walk-through of the steps I personally took in a single
year, to begin learning JavaScript…”
https://medium.com/@_cmdv_/ i-want-to-learn-javascript-in-2015-e96cd85ad225
+06: MISCELLANEOUS.
Learning the Customer Isn’t Always Right
By Tim Roberts.
“How I learned that I’m not just the client’s developer, I’m their
only source for what they should be doing on the Internet”
https://medium.com/@BeardedTim/ learning-the-customer-isn-t-always-right-2118892e111b
+07: USABILITY.
When to Hide Content Behind Forms and When to Give Content Away
By Hoa Loranger.
“Understand your users’ intents and stage in the sales funnel before
you gate content.”
http://www.nngroup.com/articles/content-behind-forms/
3 Links for Designing Better Forms
By Angela Obias.
“Because I’m just grateful that someone shared links about long online
forms with me…”
https://medium.com/priority-post/ 3-links-for-designing-better-forms-c0301dee051e
Is 40 Pixels Enough For Fat Finger Mobile UI?
By Ben Gremillion.
“Apple’s recent Pencil product announcement has us wondering about
touch targets in mobile-optimized design…”
http://blog.uxpin.com/7900/is-40-pixels-enough-for-fat-finger-ui/
[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:
+ 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.]
..
-=-=-=-=-=-=-=-=-=-=-=-
Groups.io Links:
You receive all messages sent to this group.
View This Message (#2753): https://groups.io/org/groupsio/Net-Gold/message/2753
.
educatorgold 