Date   
+++ WEB DESIGN UPDATE. - Volume 17, Issue 33, February 7, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 33, February 7, 2019. 

An email newsletter to distribute news and information about web 
design and development. 

++ISSUE 33 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: EVENTS. 
05: HTML. 
06: MISCELLANEOUS. 
07: NAVIGATION. 
08: TOOLS. 
09: USABILITY. 

SECTION TWO: 
10: What Can You Find at the Web Design Reference Site? 

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

How My Brain-Damaged Mother Changed How I Look at Interface Design 
(Hat tip to Jim Allan) 
By John Brownlee. 
"Her technical expertise launched a billion phone calls, yet now she 
is routinely thwarted by what many hail as one of the most accessible 
UIs on the planet…" 
https://magenta.as/how-my-brain-damaged-mother-changed-how-i-look-at-interface-design-9d2a06f042a1 

Takeaways from Digital Accessibility - Guide to Trustworthy Free 
Online Resources 
By Deborah Edwards-Onoro. 
"At yesterday's free Digital Accessibility Support - Guide to 
Trustworthy Free Online Resources webinar hosted by The Paciello 
Group, Shawn Henry from the Web Accessibility Initiative (WAI) at the 
World Wide Web Consortium shared a wealth of information about the 
digital accessibility resources available on the WAI website…" 
https://www.lireo.com/takeaways-digital-accessibility-guide-trustworthy-free-online-resources/ 

Complete Guide to Accessible Video and Audio for the Web 
By Stefany Newman. 
"…Captions, transcript, audio description, non-seizure/migraine 
inducing content, keyboard functions, accessible player - it all ties 
together to create an incredible experience for abled and disabled 
users. But all the inventions in the world are useless without the 
ultimate ingredient - desire. A desire to share your content and to 
make it in a way as many people as possible will be able to enjoy. Not 
only will you reap enormous benefits, but you will get the best gain 
ever - making the world a better place…" 
https://codepen.io/Stefany93/post/complete-guide-to-accessible-video-and-audio-for-the-web 

Make Your Hashtags Accessible 
By Bureau of Internet Accessibility. 
"…To make your hashtags more accessible, capitalize the first letter 
of each word (sometimes called "camel case" or "camel backing")…" 
https://www.boia.org/blog/make-your-hashtags-accessible 

AcceDe Web Guidelines (Hat tip to Nicolas Hoffmann) 
By Atalan. 
"The AcceDe Web guides are written from the perspective of each of the 
key project stakeholders and cover the full Web project cycle…" 
https://www.accede-web.com/en/guidelines/ 

7 Things You Should Know About Accessibility Policy 
By EDUCAUSE. 
"Accessibility policies frame standards and expectations for how a 
college or university's programs, services, and facilities serve the 
needs of people with disabilities…" 
https://library.educause.edu/resources/2019/2/7-things-you-should-know-about-accessibility-policy 

Due Process and Primary Jurisdiction Defenses to Website Accessibility 
Claims Fall Like Dominoes in the Ninth Circuit 
By  Ogletree, Deakins, Nash, Smoak & Stewart, P.C. 
"…Consistent with the DOJ's position in its September 25, 2018 letter 
regarding website accessibility, the court noted that public 
accommodations are provided 'maximum flexibility in meeting the 
[ADA's] requirements.' Nonetheless, conformance to WCAG 2.0 or 2.1 
likely remains the only predictably safe standard to ensure that 
websites comply with the ADA." 
https://www.jdsupra.com/legalnews/due-process-and-primary-jurisdiction-63209/ 

Websites Need to be More Accessible for Disabled People 
By S.E. Smith. 
"A recent wave of lawsuits - some of them controversial - is bringing 
the issue to the fore…" 
https://www.vox.com/the-goods/2019/2/5/18210912/websites-ada-compliance-lawsuits 


+02: CASCADING STYLE SHEETS. 

A Guide To CSS Support In Browsers 
By Rachel Andrew. 
"It can be frustrating when you want to use a feature and discover 
that it is not supported or behaves differently across browsers. In 
this article, Rachel Andrew details the different types of browser 
support issues, and shows how CSS is evolving to make it easier to 
deal with them. …" 
https://www.smashingmagazine.com/2019/02/css-browser-support/ 


+03: EVALUATION & TESTING. 

Research Questions Are Not Interview Questions 
By Erika Hall. 
"The most significant source of confusion in design research is the 
difference between research questions and interview questions…" 
https://medium.com/mule-design/research-questions-are-not-interview-questions-7f90602eb533 

What Is the CE11 (And Is It Better than the NPS)? 
By Jeff Sauro. 
"For measuring the user experience, I recommend using a mix of 
task-based and study-level measures that capture both attitudes (e.g. 
SUS, SUPR-Q, SEQ, and NPS) and actions (e.g. completion rates and 
times)…" 
https://measuringu.com/ce11-nps/ 

How to Effectively Address the Usability Debt Within Your Product 
By Catriona Shedd. 
"Many companies fall into a dreaded pattern of continuing to ship new 
features without going back and iterating upon things that were 
previously shipped based on research and insights…" 
https://medium.com/iq-design/how-to-effectively-address-the-usability-debt-within-your-product-6b8693e6e853 


+04: EVENTS. 

ARIA: Apply Sparingly 
March 25, 2019. 
Minneapolis, Minnesota, U.S.A. 
https://www.meetup.com/Accessibility-Twin-Cities/events/257427546/ 

#PerfMatters Conference 
April 2-3, 2019. 
Redwood City, Califorina, U.S.A. 
https://perfmattersconf.com/ 

University of Illinois WebCon 
April 3-5, 2019. 
Champaign-Urbana, Illinois, U.S.A. 
http://webcon.illinois.edu/ 

AIGA Design Conference 
April 4-6, 2019. 
Pasadena, California, U.S.A. 
https://designconference.aiga.org/ 

DrupalCon Seattle 
April 8-12, 2019. 
Seattle, Washington, U.S.A. 
https://events.drupal.org/seattle2019 

Funka Accessibility Days 
April 9-10, 2019. 
Stockholm, Sweden 
https://www.funka.com/en/we-offer/funka-accessibility-days/ 

ABLE Summit 
April 11-12, 2019. 
Beirut, Lebanon 
https://sites.aub.edu.lb/able/ 


+05: HTML. 

Revisiting the abbr Element 
By Ire Aderinokun. 
"…I've gotten some feedback on some accessibility-related issues to 
the implementation. Scott O'Hara in particular raised a lot of 
important concerns…" 
https://bitsofco.de/revisiting-the-abbr-element/ 

How Do You Figure? 
By Chris Coyier. 
"…The point is that you can't write it once because <figcaption> and 
alt do different things." 
https://css-tricks.com/how-do-you-figure/ 

Reconsidering Pre and Reflow 
By Wayne Dick. 
"I think the time of Pre has passed for everything except 'typewriter 
art'. We entered the computer era with all literature text files, end 
of line, spaces and return symbols. That is 'preformatted text'…" 
https://lists.w3.org/Archives/Public/w3c-wai-ig/2019JanMar/0032.html 


+06: MISCELLANEOUS. 

Paying Tribute to the Web with View Source 
By David Heinemeier Hansson (DHH). 
"…The web is just a marvel of a platform. So unique. So empowering. 
It's easy to just fall into the trap of 'what can the web do for me, 
for my business, for my customers'. Some times it's worth taking a 
step back and ask yourself: What can I do for the web? One answer: 
Protect and promote View Source." 
https://m.signalvnoise.com/paying-tribute-to-the-web-with-view-source/ 


+07: NAVIGATION. 

Léonie Watson on Why Semantic HTML Document Landmarks Assist Her Using 
a Screenreader (Video) 
By Léonie Watson. 
An excerpt from February 5 Smashing Webinar. 
https://www.youtube.com/watch?v=iUCYPM6up9M 


+08: TOOLS. 

WCAG 2.1 Color Contrast Analyzer 
By Rakesh Paladugula. 
"…The new CCA tool is developed by The Paciello Group. Additional 
information of the tool can be found at the  Color contrast analyzer 
page. The code and other information including Mac and Windows 
versions are at download CCA page…" 
https://www.maxability.co.in/2019/02/wcag-2-1-color-contrast-analyzer/ 


+09: USABILITY. 

The Immutable Rules of UX (Video) 
By Jakob Nielsen. 
"Jakob Nielsen's keynote at the Las Vegas UX Conference discussed the 
foundational principles of user experience that are stable decade 
after decade." 
https://www.nngroup.com/videos/rules-ux/ 

How to Report Errors in Forms: 10 Design Guidelines 
By Rachel Krause. 
"Help users recover from errors by clearly identifying the problems 
and allowing users to access and correct erroneous fields easily." 
https://www.nngroup.com/articles/errors-forms-design-guidelines/ 

Status Trackers and Progress Updates: 16 Design Guidelines 
By Maria Rosala. 
"Status trackers are pull; progress updates are push. Both are used to 
track the delivery of a product or service. When they work together 
effectively, users are informed and in control." 
https://www.nngroup.com/articles/status-tracker-progress-update/ 

Search UX: 6 Essential Elements for 'No Results' Pages 
By Edward Scott. 
"During our large-scale Search usability testing, many users at some 
point encountered a 'No Results' page as they searched for products…" 
https://baymard.com/blog/no-results-page 

Use and Convenience Replace Trust and Security 
By Gerry McGovern. 
"…Those that make it simple and easy are ruling the world. Those that 
understand what people do, rather than what people say, are ruling the 
world. For good or ill, you can't craft an effective customer 
experience on a website or app, 'if you don't first and foremost truly 
understand your customers. Facebook knows this. Google knows this. But 
nine out of ten organizations that I deal with don't. And then we 
wonder why Facebook and Google have become so dominant?" 
http://gerrymcgovern.com/use-and-convenience-replace-trust-and-security/ 

[Section one ends.] 


++ SECTION TWO: 

+10: 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:lcar...@d.umn.edu 


[Issue ends.] 

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 17, Issue 32, February 1, 2019.

David Dillard
 



 

+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 32, February 1, 2019. 

An email newsletter to distribute news and information about web 
design and development. 

++ISSUE 32 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: EVENTS. 
05: HTML. 
06: JAVASCRIPT. 
07: MISCELLANEOUS. 
08: NAVIGATION. 
09: STANDARDS, GUIDELINES & PATTERNS. 
10: USABILITY. 

SECTION TWO: 
11: What Can You Find at the Web Design Reference Site? 

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Time Traveler's Guide to Accessibility Mechanics (Video) 
By Léonie Watson. 
"…As we move towards a future of Web Components, the time has come to 
invent another solution that will let us encapsulate accessibility in 
the shadow DOM - and its called the Accessibility Object Model (AOM)…" 
https://www.youtube.com/watch?v=q31V1zeEgoA 

Announcing 'Access,' a Short Film About Accessibility (Video) 
By Chris Higgins. 
"Today I released Access, my short documentary about accessibility. It 
follows Cory Joseph through a typical day, showing how he uses his 
smartphone, Braille display, tactile watch, and guide dog (named Vine) 
to navigate the world. I hope you watch it, and I hope it inspires you 
to make your work more accessible to more people…" 
https://medium.com/@chrishiggins/announcing-access-a-short-film-about-accessibility-2812ef64a13b 

Digital Accessibility Concerns in Design Affordances (Hat Tip to Jim Allan) 
By Sheri Byrne-Haber. 
"A design affordance is a clue about how an object should be used, 
typically provided by the object itself or its context…" 
https://medium.com/@sheribyrnehaber/digital-accessibility-concerns-in-design-affordances-34c38f5d6779 

How to Learn About Accessibility Best Practices in WordPress 
By Deborah Edwards-Onoro. 
"Learn how to make your WordPress site accessible to everyone." 
https://www.lireo.com/learn-about-wordpress-accessibility-best-practices/ 

Switch Access on Mobile 
By Rakesh Paladugula. 
"Switch Access allows the users with dexterity impairments to use 
their mobile device without touching the screen…" 
https://www.maxability.co.in/2019/01/switch-access-mobile/ 

Word and PowerPoint Accessibility Evaluation Checklist 
By WebAIM. 
"This new resource can help you through the process of evaluating 
Office documents and presentations for accessibility." 
https://webaim.org/resources/evaloffice/ 

Real Facts about the Elderly and the World Wide Web 
By Joel Holmberg. 
"There are lots of stereotypes about the elderly and tech or the world 
wide web…" 
https://axesslab.com/real-facts-about-the-elderly-and-the-world-wide-web/ 

More Than 75 New York Galleries Are Slammed With Lawsuits for 
Allegedly Violating the Americans With Disabilities Act 
By Eileen Kinsella. 
"Galleries are the latest industry to be targeted by a wave of 
lawsuits over the accessibility of their websites…" 
https://news.artnet.com/art-world/dozens-of-new-york-galleries-slammed-with-lawsuits-for-ada-compliance-on-websites-1450276 

Digital Accessibility - Developments in 2018 
By Teresa L. Jakubowski. 
"In 2018, the field of digital accessibility witnessed a number of 
developments, including increasing litigation, demand letters, and the 
release of the Web Content Accessibility Guidelines 2.1 (WCAG 2.1)…" 
https://library.educause.edu/resources/2019/1/digital-accessibility-developments-in-2018 

Digital Accessibility Law and Regulation: Current Status and What to Do About It 
By Jarret Cummings. 
"To help members navigate the often confusing compliance environment 
for digital accessibility, EDUCAUSE asked a legal expert to review 
last year's major developments, explain what they mean, and identify 
key steps that institutions should consider in response…" 
https://er.educause.edu/blogs/2019/1/digital-accessibility-law-and-regulation-current-status-and-what-to-do-about-it 

The Legal Picture for Web Accessibility in 2019 
By Joseph C. Dolson. 
"…Even though the DoJ has not established guidelines for accessible 
websites, businesses (including ecommerce sites) are well advised to 
follow W3C's Web Content Accessibility Guidelines, version 2.1, at 
level AA. There are several reasons…" 
https://www.practicalecommerce.com/the-legal-picture-for-web-accessibility-in-2019 



+02: CASCADING STYLE SHEETS. 

Putting the Flexbox Albatross to Real Use 
By Chris Coyier. 
"If you hadn't seen it, Heydon posted a rather clever flexbox layout 
pattern that, in a sense, mimics what you could do with a container 
query by forcing an element to stack at a certain container width. I 
was particularly interested, as I was fighting a little layout 
situation at the time I saw this and thought it could be a solution. 
Let's take a peak…" 
https://css-tricks.com/putting-the-flexbox-albatross-to-real-use/ 

HTML, CSS and our Vanishing Industry Entry Points 
By Rachel Andrew. 
"Everyone is angry about CSS again. I'm not even going to try to 
summarize the arguments. However it always seems to boil down to the 
fact that CSS is simultaneously too easy to bother with, yet so hard 
it needs to be wrapped up in a ball of JavaScript in case it scares 
the horses…" 
https://rachelandrew.co.uk/archives/2019/01/30/html-css-and-our-vanishing-industry-entry-points/ 


+03: EVALUATION & TESTING. 

User Test Content Before You Start Design 
By Amy Grace Wells. 
"…Adding this step can save time, money, and effort in every stage of 
the design process by informing wireframes and design, providing 
strong guidelines for writers, and helping to settle debates with 
stakeholders…" 
https://www.uxbooth.com/articles/user-test-content-before-you-start-design/ 

What Motivates People to Take Free Surveys? 
By Jeff Sauro. 
"…To better understand the reasons people take unpaid surveys and to 
see whether their attitudes were more systemically positive or 
negative, we conducted our own research across two online studies…" 
https://measuringu.com/free-surveys/ 

How to Assess the Quality of a Measure 
By Jeff Sauro. 
"It seems like each year introduces a new measure or questionnaire…" 
https://measuringu.com/measure-quality/ 

Interpreting Contradictory UX Research Findings 
By Kate Moran. 
"If your product looks good from one perspective and bad from another, 
you have to check the methodology and try to interpret the findings." 
https://www.nngroup.com/articles/interpreting-research-findings/ 


+04: EVENTS. 

Digital Accessibility Support - A Guide to Trustworthy Free Online Resources 
February 5, 2019. 
Online. 
https://www.paciellogroup.com/events/2019/01/webinar-february-5-digital-accessibility-support-a-guide-to-trustworthy-free-online-resources/ 

Moving Forward with Digital Accessibility in Higher Education 
February 22, 2019. 
Sussex, England, United Kingdom 
http://www.sussex.ac.uk/tel/seminar/digitalaccessibility 

Information Architecture Conference (IAC) 
March 12-17, 2019. 
Orlando, Florida, U.S.A. 
http://www.theiaconference.com/ 

Axe-Hackathon 2019 
March 16, 2019. 
Anaheim, Califorina, U.S.A. 
https://www.eventbrite.com/e/axe-hackathon-2019-tickets-54988465982 

Midwest Drupal Camp 
March 20-23, 2019. 
Chicago, Illinois, U.S.A. 
https://www.midcamp.org/ 

Web Accessibility Techniques for ReactJS and AngularJS 
March 28, 2019. 
Online 
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=558 

London UX Conference 
March 30-April 5, 2019. 
London, England, United Kingdom 
https://www.nngroup.com/training/london/ 


+05: HTML. 

HTML is and Always was a Compilation Target - Can We Deal With That? 
By Christian Heilmann. 
"…We need to help with the template code source, the framework 
renderers. We need to ensure that the conversion stage results in good 
HTML - not easy HTML. And we need to work with tool developers to make 
sure that people learn about the value of semantics…" 
https://christianheilmann.com/2019/01/28/html-is-and-always-was-a-compilation-target-can-we-deal-with-that/ 

Designing for the Web Ought to Mean Making HTML and CSS 
By David Heinemeier Hansson (DHH). 
"…Designing for the modern web in a way that pleases users with great, 
fast designs needn't be this maze of impenetrable complexity. We're 
making it that! It's possible not to." 
https://m.signalvnoise.com/designing-for-the-web-ought-to-mean-making-html-and-css/ 


+06: JAVASCRIPT. 

a11y and JS - A Seemingly Unconventional Romance 
By Lindsey Kopacz. 
"… I want you to know that JavaScript isn't the enemy of 
accessibility. Instead, lack of empathy is. With some empathy and your 
awesome JavaScript skills, you CAN make your sites accessible!" 
https://www.a11ywithlindsey.com/blog/a11y-js-seemingly-unconventional-romance/ 


+07: MISCELLANEOUS. 

WebExtensions v3 Considered Harmful 
By Daniel Glazman. 
"The Open Web Platform is alive and vibrant. The Browser Extension 
ecosystem is in jail, subject to unpredictable harmful changes decided 
by one single actor. This must change, it's not viable any more…" 
http://www.glazman.org/weblog/dotclear/index.php?post/2019/01/23/WebExtensions-v3-considered-harmful 

The Great Divide 
By Chris Coyier. 
"Two front-end developers are sitting at a bar. They have nothing to 
talk about…" 
https://css-tricks.com/the-great-divide/ 

Openness and Longevity 
By Garrett Dimon. 
"…The web is the quintessential definition of together. Web standards 
evolve slowly because they're collaborative. They last because they're 
scrutinized. New front-end frameworks and technologies try to 
circumvent or route around that process in the name of moving faster. 
Sometimes, they surface great ideas that make their way into browsers. 
But more often than not, they fade away." 
https://garrettdimon.com/2019/openness-and-longevity/ 


+08: NAVIGATION. 

Underlines Are Beautiful 
By Adrian Roselli. 
"Underlines, the standard, built-in signifier of hyperlinks, the core 
feature of the web, are beautiful…" 
http://adrianroselli.com/2019/01/underlines-are-beautiful.html 

Added Underlines to Links in Toots (Pull Request) 
By Adrian Roselli. 
"Link text color is #f1ebff, surrounding text is #ffffff. They have a 
contrast ratio of 1.2:1. Not only is hard to see links that are so 
close in color to the text, they also require a pointing device 
(mouse) to quickly scan for links. Instead of having to meet a 4.5:1 
contrast ratio, adding the underline will allow this to pass a WCAG 
check…" 
https://github.com/tootsuite/mastodon/pull/9898 


+09: STANDARDS, GUIDELINES & PATTERNS. 

Table Design Patterns On The Web 
By Chen Hui Jing. 
"Tables are a design pattern for displaying large amounts of data in 
rows and columns, and have not yet seemed to fall out of favor, so 
let's take a look at how we can create tables on the web in 2019…" 
https://www.smashingmagazine.com/2019/01/table-design-patterns-web/ 


+10: USABILITY. 

Tooltip Guidelines 
By Alita Joyce. 
"Tooltips are user-triggered messages that provide additional 
information about a page element or feature. Although tooltips aren't 
new to the web, they are often incorrectly implemented." 
https://www.nngroup.com/articles/tooltip-guidelines/ 

Web Page Usability Matters 
By Addy Osmani. 
"Users appreciate pages being usable and interactive soon after 
they're visually ready. UI interactions (scrolls, taps, clicks) can be 
delayed by script and other browser work so minimizing their impact 
can really help your users." 
https://dev.to/addyosmani/web-page-usability-matters-3aok 


[Section one ends.] 


++ SECTION TWO: 

+11: 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:lcar...@d.umn.edu 


[Issue ends.] 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 17, Issue 31, January 23, 2019.

David Dillard
 



 

+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 31, January 23, 2019. 

An email newsletter to distribute news and information about web 
design and development. 

++ISSUE 31 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: EVENTS. 
04: HTML. 
05: JAVASCRIPT. 
06: MISCELLANEOUS. 
07: NAVIGATION. 
08: USABILITY. 

SECTION TWO: 
09: What Can You Find at the Web Design Reference Site? 

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Exclusive Design 
By Vasilis van Gemert. 
"…if we want to create truly inclusive websites, expertise in 
ourselves is not enough. We also need expertise in designing 
interfaces for people who are excluded. This expertise is lacking…" 
https://exclusive-design.vasilis.nl/ 

UX Foundations: Accessibility (Online Course) 
By Microsoft Dev Collective. 
"…In this course, you'll learn how accessibility lowers the barrier to 
entry, by providing equal access and opportunity to people with a 
diverse range of hearing, movement, sight, and cognitive abilities…" 
https://developer.microsoft.com/en-us/collective/learning/courses/ux-foundations-accessibility 

Meeting Web Accessibility Guidelines (Online Course) 
By Microsoft Dev Collective. 
"…you will get hands-on, practical code examples that you can start 
using today towards your goal of meeting official accessibility 
guidelines…" 
https://developer.microsoft.com/en-us/collective/learning/courses/meeting-web-accessibility-guidelines 

Why Gen Z Loves Closed Captioning 
By Lance Ulanoff. 
"…When the NCI first co-developed closed captioning technology some 50 
years ago, they called it 'words worth watching,' and it did transform 
millions of lives. Today, we may be witnessing - or reading - a 
similar revolution." 
https://medium.com/s/the-upgrade/why-gen-z-loves-closed-captioning-ec4e44b8d02f 

Accessibility Reviews 
By Adrian Roselli et al. 
"A community-driven resource to both find and share information on the 
accessibility of tools, services, platforms, and so on…" 
https://a11y.reviews/ 
Accessibility Reviews on GitHub: 
https://github.com/a11y-reviews 

How to Remove Automatic Captions from Your YouTube Videos 
By Sofia Enamorado. 
"Once you've uploaded a video to YouTube, you'll notice that YouTube's 
automatic captions are turned on. Even if you've uploaded your own 
captions or created captions in YouTube's transcription interface, 
automatic captions will still show up as an option on your video…" 
https://www.3playmedia.com/2019/01/18/remove-automatic-captions-youtube-videos/ 

1.4.11 Non-Text Contrast 
By Rakesh Paladugula. 
"1.4.11 Non-text contrast is similar to 1.4.3 Contrast minimum. People 
with low vision will have tough time reading and understanding the 
content that has poor contrast…" 
https://www.maxability.co.in/2019/01/1-4-11-non-text-contrast/ 

Domino's Pizza app Must be Accessible to Blind People 
By BBC News. 
"Domino's Pizza has been told its website and app must be made fully 
accessible to blind people, after losing a legal case in the US…" 
https://www.bbc.com/news/technology-46894463 

Federal Appellate Courts Ring In the New Year by Taking Up Website and 
Mobile Application Accessibility 
By Shira M. Blank. 
"…the best way to avoid falling prey to such a suit is to achieve 
substantial conformance with WCAG 2.1 Levels A and AA (confirming such 
status by human-based code and user/assistive-technology testing)…" 
https://www.natlawreview.com/article/federal-appellate-courts-ring-new-year-taking-website-and-mobile-application 

Blind N.Y. Resident Sues NU Over Website Accessibility 
By Maria Lovato. 
"…Jason Camacho filed a lawsuit against 50 universities across the 
country, including Northeastern. He alleged that the colleges are 
violating the Americans with Disabilities Act…" 
https://huntnewsnu.com/56748/campus/nu-sued-over-website-accessibility-by-blind-n-y-resident/ 

Northeastern Complaint (PDF): 
https://huntnewsnu.com/wp-content/uploads/2019/01/Camacho-v.-Northeastern-1.pdf 


+02: CASCADING STYLE SHEETS. 

The Flexbox Holy Albatross 
By Heydon Pickering. 
"…the solution struck me. And now I'm going to share it with you…" 
http://www.heydonworks.com/article/the-flexbox-holy-albatross 


+03: EVENTS. 

Tackling a Huge Website with WCAG-EM 
February 28, 2019. 
Online 
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=557 

An Event Apart Seattle 
March 4-6, 2019. 
Seattle, Washington, U.S.A. 
https://aneventapart.com/event/seattle-2019 

Web Accessibility Training 
March 5-6, 2019. 
Logan, Utah, U.S.A. 
https://webaim.org/training/ 

South by Southwest Interactive 
March 8-17, 2019. 
Austin, Texas, U.S.A. 
https://www.sxsw.com/interactive/ 

Accessibility Camp Bay Area 
March 9, 2019. 
San Francisco Califorina, U.S.A. 
http://www.accessibilitycampbay.org/ 

ConveyUX 
March 12-13, 2019. 
Seattle, Washington, U.S.A. 
https://conveyux.com/conveyux-seattle/ 

ConFoo Montreal 
March 13-15, 2019. 
Montreal, Quebec, Canada 
https://confoo.ca/en/yul2019 


+04: HTML. 

How Do You Figure? 
By Scott O'Hara. 
"Introduced as part of HTML5, the figure and figcaption elements are 
meant to create a meaningful markup structure that…" 
https://www.scottohara.me/blog/2019/01/21/how-do-you-figure.html 

HTML5 Input Types: Where Are They Now? 
By Drew McLellan. 
"HTML5 introduced thirteen new types of form input, adding 
significantly to the number of different fields web designers and 
developers could add to our forms. These new types all require 
browsers to support them, and take-up has been slower than some of us 
would have liked. What is the state of those field types in 2019? 
Which can we use, and which should still be avoided…" 
https://www.smashingmagazine.com/2019/01/html5-input-types/ 


+05: JAVASCRIPT. 

What is Tree Shaking and How Does It Work? 
By Ire Aderinokun. 
"When Javascript applications get to a certain size, it's helpful to 
separate the code into modules. However, when we do so, we can end up 
with code imported that isn't actually used. Tree shaking is a method 
of optimising our code bundles by eliminating any code from the final 
file that isn't actually being used…" 
https://bitsofco.de/what-is-tree-shaking/ 


+06: MISCELLANEOUS. 

Design Thinking 101 (Video) 
By Sarah Gibbons. 
"What is 'design thinking' and why should you care? The 6 steps of the 
process defined." 
https://www.nngroup.com/videos/design-thinking/ 


+07: NAVIGATION. 

Designing for Friction and Flow in Customer Journeys (Video) 
By Maria Rosala. 
"Friction and Flow are two concepts in interaction design that assist 
users in their tasks, whether this is to prevent errors or to 
encourage completion. As designers, it's important to use both as and 
when required in the user journey. This video explains when you might 
need to consider adding friction into the user journey." 
https://www.nngroup.com/videos/friction-flow-customer-journeys/ 


+08: USABILITY. 

What's Really Behind Most UX Issues 
By Joe Natoli. 
"what I've seen is that UX and design issues that are present in 
software products - sites, apps, systems - come directly from 
misalignment of individual intent. And there are three flavors of 
this: personal, organizational and political." 
https://www.sitepoint.com/whats-behind-most-ux-issues/ 

Building Better Forms™ by not Taking Away Affordances 
By Bram(us) Van Damme. 
"Don't fiddle too much with your forms' look and feel. A small 
innocent-looking piece of CSS, even when combined with semantically 
correct HTML, could leave you with a degraded UX and lesser 
accessibility." 
https://www.bram.us/2019/01/18/building-better-forms-by-not-taking-away-affordances/ 

The Dangers of Overpersonalization 
By Kim Flaherty and Kate Moran. 
"Too much personalization leads to homogeneous experiences for users 
and can generate content fatigue and lack of diversity." 
https://www.nngroup.com/articles/overpersonalization/ 

What Parallax Lacks 
By Katie Sherwin. 
"Parallax-scrolling effects add visual interest, but they often create 
usability issues, such as content that is slow to load or hard to 
read. Consider if the benefits are worth the cost." 
https://www.nngroup.com/articles/parallax-usability/ 

Gamification in the User Experience (Video) 
"Gamification is the usage of game mechanics in non-game contexts, 
such as mainstream UX design. The most successful implementations of 
gamification begin with a learner-centered mindset." 
https://www.nngroup.com/videos/gamification-user-experience/ 

The Web is a Pattern of Human Behavior 
By Gerry McGovern. 
"… Life on the Web is a mix of the fake and the real, just like life 
has always been. And there are common patterns everywhere." 
http://gerrymcgovern.com/2779-2/ 


[Section one ends.] 


++ SECTION TWO: 

+09: 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:lcar...@d.umn.edu 


[Issue ends.] 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 16, Issue 40, March 29, 2018.

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 40, March 29, 2018.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 40 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: INFORMATION ARCHITECTURE.
08: MISCELLANEOUS.
09: USABILITY.

SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Verified Accessibility Samples (Va11yS)
By International Business Machines (IBM).
"Explore the repository of working accessibility code samples and
design patterns that can be implemented directly into your design and
development…"
https://www-03.ibm.com/able/va11ys.html

Three Developer Behaviors to Eliminate 85 Percent of Accessibility Defects
By Sean Kelly and Thomas F. Dinkel.
Sean and Thomas' CSUN presentation slides.
https://www.slideshare.net/seankelly612/three-developer-behaviors-to-eliminate-85-percent-of-accessibility-defects-91706469

Accessibility Heuristics for Designers (PDF)
By Caitlin Geier and Denis Boudreau.
"10 general rules of thumb for accessible design…"
https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/edit

Survey of Web Accessibility Practitioners #2
By WebAIM.
"The following survey is a follow-up to a previous Survey of Web
Accessibility Practitioners conducted July 2014…"
https://webaim.org/projects/practitionersurvey2/

Potholes of Discrimination: A Post-CSUN Legal Update Wrap-Up
By Lainey Feingold.
"…This is a post about what the law is saying about web accessibility…"
http://www.lflegal.com/2018/03/csun18-follow-up/

Making Bulb Accessible - Introducing the New Bulb Site
By Heydon Pickering.
"At the end of last year, Bulb pledged to significantly improve the
accessibility of the site…"
https://bulb.co.uk/blog/making-bulb-accessible-introducing-the-new-bulb-site

CSUN 2018 Presentation Links
By Christopher Phillips.
A crowdsourced list of CSUN presentation presentations from last
week's conference.
https://docs.google.com/spreadsheets/d/1NtrU3K_f1vlfjGTnkFJeSja7_xdI9T8rWAgFz5Y-1w0/edit#gid=0

No Relief in Sight from Website Accessibility Lawsuits
By Matthew P. Horvitz and Andrew J. Ferren.
"…a proactive approach to accessibility should help businesses reduce
the risk of being targeted by a lawsuit."
https://www.retaillawadvisor.com/2018/03/21/no-relief-in-sight-from-website-accessibility-lawsuits/

The Growing Emphasis on Accessibility and Inclusive User Experience
By  Kim Krause Berg.
"There is growing interest in web accessibility around the world, with
more companies seeking to make their web properties inclusive and user
friendly for all people.…"
https://searchnewscentral.com/blog/2018/03/28/the-growing-emphasis-on-accessibility-and-inclusive-user-experience/

N.Y. Lawyers Sue 40-plus Companies on Behalf of Blind Man in a Month
By Justin Stoltzfus.
"A class action lawsuit on behalf of Queens, N.Y., resident Eugene
Duncan and other visually impaired plaintiffs against Popular North
America Inc. is one of 43 recent Americans with Disabilities Act cases
filed on his behalf…"
https://legalnewsline.com/stories/511366628-n-y-lawyers-sue-40-plus-companies-on-behalf-of-blind-man-in-a-month

New Guidelines Let Civil Rights Office Ignore Cases From Serial Complainers
By Christina A. Samuels.
"The U.S. Department of Education's office for civil rights has
started dismissing hundreds of disability-related complaints,
following new guidelines that say such cases will be dismissed when
they represent a pattern of complaints against multiple recipients…"
https://www.edweek.org/ew/articles/2018/03/22/new-rule-lets-civil-rights-office-ignore.html


+02: CASCADING STYLE SHEETS.

Good ol' Margin Collapsing
By Chris Coyier.
"Here's a one-sentence blog post about margin collapsing: When two
block elements are stacked on top of one another, the vertical space
between them is the larger between the one on top's margin-bottom and
the one on the bottom's margin-top…"
https://css-tricks.com/good-ol-margin-collapsing/

The Future of Web Layout (Video)
By Aquent Gymnasium.
"A webinar discussing new advances in web layout techniques that will
impact web designers and developers in the near future. Rachel Andrew
and Jason Pamental join Jeremy Osborn to help deconstruct the upcoming
shift in designing for the web."
https://www.youtube.com/watch?v=LUMkgn_xtlg

A CSS Approach to Trap Focus Inside of an Element
By Kushagra Gour.
"…While experimenting, I discovered a neat CSS trick on how to trap
focus within the <dialog> element, a common accessibility requirement
for modals, and a notoriously difficult one…"
https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/

Nobody Said CSS Is Easy
By Amber Wilson.
"Wait, some people have said this. But I'd like to politely voice the
opinion that they are wrong…"
https://amberwilson.co.uk/blog/nobody-said-css-is-easy/


+03: COLOR.

Designing Systematic Colors
By Jeeyoung Jung.
"How to make themable, flexible, WCAG 2.0 compliant color ramps for a
design system…"
https://uxplanet.org/designing-systematic-colors-b5d2605b15c


+04: EVALUATION & TESTING.

Remote Moderated Usability Tests: How and Why to Do Them
By Kate Meyer and Kara Pernice.
"Remote unmoderated usability testing is so fast and easy that some
teams make it their only evaluation method. But don't shy away from
its more robust alternative, the remote moderated usability test,
which can give you more information and is also inexpensive."
https://www.nngroup.com/articles/moderated-remote-usability-test/

How to Make Usability Testing a Habit
By Stefan Rössler.
"…The best thing about making usability testing a habit is that you
keep getting better at it…"
https://userbrain.net/blog/make-usability-testing-habit

How Large Is the Evaluator Effect in Usability Testing?
By Jeff Sauro.
 "…if you change the person looking for the problems (the evaluator),
do you get a different set of problems?…"
https://measuringu.com/evaluator-effect/


+05: EVENTS.

Getting Started in Accessibility
April 4, 2018.
Minneapolis, Minnesota, U.S.A.
https://www.eventbrite.com/e/getting-started-in-accessibility-tickets-42715561394

What You Need to Know to Get Accessibility Right
April 4, 2018.
Online.
http://apexcovantage.com/resources/webinar-need-know-get-accessibility-right/

John Slatin AccessU
May 14-16, 2018.
Austin, Texas, U.S.A.
https://knowbility.org/programs/accessu/

This.JavaScript: A11Y
May 17, 2018.
Online.
https://www.thisdot.co/javascript/05-17-2018

UI 21
November 12-14, 2018.
Boston, Massachusetts, U.S.A.
https://ui21.uie.com/

Accessing Higher Ground
November 12-16, 2018.
Westminster, Colorado, U.S.A.
http://accessinghigherground.org/

Agile Accessibility in a Regulated Industry
November 15, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=527


+06: HTML.

Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion
By Chris Coyier.
"Gosh bless the <details> element. Toss some content inside it and you
have an accessible expand-for-more interaction with just about zero
work…"
https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/


Typical/Expected Screen Reader Output
By Steve Faulkner.
"Typical/expected screen reader output
<a href="#">hello</a> hello
<a href="#" title="goodbye">hello</a> hello goodbye
<a href="#" aria-label="goodbye">hello</a> goodbye
<a href="#" aria-label="goodbye"></a> goodbye
<a href="#" title="goodbye"></a> goodbye"
https://twitter.com/stevefaulkner/status/978310635023949830


+07: INFORMATION ARCHITECTURE.

A Guide to Information Architecture
By Miklos Philips.
"…Information architecture (IA) is, like a blueprint, a visual
representation of the product's infrastructure, features, and
hierarchy. …"
https://blog.prototypr.io/the-comprehensive-guide-to-information-architecture-29b09695fbcb


+08: MISCELLANEOUS.

Using Ethics In Web Design
By Morten Rand-Hendriksen.
"…Even small and seemingly insignificant decisions can have enormous
implications, and though ethics often stand in the way of immediate
rapid innovation, growth, and quick revenue, they help ensure the
longevity of our designs and help us carve paths to better futures for
everyone…"
https://www.smashingmagazine.com/2018/03/using-ethics-in-web-design/

Why Enterprise Software Fails (and what to do about it)
By Gerry McGovern.
"The Canadian government's Phoenix payroll system is no more. It was
supposed to cost about C$300 million and deliver tremendous
efficiencies. Instead, it has cost C$1 billion and delivered nothing
but pain and disaster…"
http://gerrymcgovern.com/why-enterprise-software-fails-and-what-to-do-about-it/

CSUN 2018 Accessibility Interview: Denis Boudreau
By Vivian Cullipher.
"Vivian interviews Montreal-based Denis Boudreau, Principal Web
Accessibility Consultant and Strategist for Deque, covering everything
from Denis's take on what digital accessibility is, details on a
couple of his upcoming CSUN presentations, how AI might advance
accessibility for people with disabilities, and more…"
https://www.microassist.com/digital-accessibility/csun-2018-accessibility-interview-denis-boudreau/#intro


+09: USABILITY.

Yes, Icons Need Text Labels (Video)
By Aurora Harley.
"Universal icons are rare. To help overcome the ambiguity that almost
all icons face, a text label must be present alongside an icon to
clarify its meaning."
https://www.nngroup.com/videos/icon-text-labels/

In Defense of Post-its
By Sarah Gibbons.
"Sticky notes strengthen team dynamics and represent an egalitarian,
concise means for expressing ideas in UX design projects."
https://www.nngroup.com/articles/post-it-in-ux/

When Making Design Tradeoffs, Don't Forget Hidden Costs (Video)
By Kathryn Whitenton.
"When making design decisions, analyze the alternatives to identify
hidden costs before you get stuck paying for them."
https://www.nngroup.com/videos/design-tradeoffs-hidden-costs/


[Section one ends.]


++ SECTION TWO:

+10: 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:lcar...@d.umn.edu


[Issue ends.]

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 16, Issue 39, March 22, 2018.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 16, Issue 39, March 22, 2018. 

An email newsletter to distribute news and information about web 
design and development. 

++ISSUE 39 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: COLOR. 
03: EVALUATION & TESTING. 
04: EVENTS. 
05: INFORMATION ARCHITECTURE. 
06: JAVASCRIPT. 
07: MISCELLANEOUS. 
08: TOOLS. 
09: USABILITY. 

SECTION TWO: 
10: What Can You Find at the Web Design Reference Site? 

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

New Features in Web Content Accessibility Guidelines 2.1 and What You Need to Do 
By Ashley Sheridan. 
"…The majority of these are fairly obvious and straightforward, with 
some nice additions that enhance accessibility on smaller hand-held 
devices…" 
http://www.ashleysheridan.co.uk/blog/New+Features+in+Web+Content+Accessibility+Guidelines+2.1+and+What+You+Need+to+Do 

Labels Required 
By Maggie Wachs. 
"Late last year we completed an accessibility audit with a client, 
during which we were reminded that form fields must have properly 
associated label elements to be universally understood by screen 
readers and conventional browsers." 
https://www.filamentgroup.com/lab/a11y-form-labels.html 

Screen Reader Fails To Detect Newly Added Content: WCAG 2.0 Failure? 
By Sailesh Panchang. 
"Consider these two examples for error notification…" 
http://www.mindoversight.com/?p=190 

Cognitive Accessibility (Video) 
By Jamie Knight & Lion. 
Jamie's February 2018 London Accessibility Meetup presentation. 
https://www.youtube.com/watch?v=XBzXBY9G2u4 

How We Stopped Making Excuses and Started Improving Basecamp's Accessibility 
By Michael Berger. 
"In 2017 we made web accessibility a priority at Basecamp. It was long overdue…" 
https://m.signalvnoise.com/how-we-stopped-making-excuses-and-started-improving-basecamps-accessibility-5f45eb246aa3 

Your Tooltips Are Bogus 
By Heydon Pickering. 
"Tooltips are implemented all over the place. Badly. Let me count the ways." 
http://www.heydonworks.com/article/your-tooltips-are-bogus 

Trickle Down Accessibility 
By Ted Drake and Sarah Margolis-Greenbaum. 
"This presentation is not about reducing your support for blind and low-vision…" 
http://www.last-child.com/trickle-down-accessibility/ 

I Never Thought I Would Say This 
By Marcie Lipsett. 
OCR is dismissing some of Marcie Lipsett's complaints related 
discrimination against people with disabilities. 
https://www.facebook.com/129061697837227/photos/a.129218541154876.1073741828.129061697837227/129218521154878/ 

SOCSD Rolls Out New Website 
By Charlie Benton. 
"The Starkville-Oktibbeha Consolidated School District unveiled its 
new website last week after working on the project since December. The 
project was initiated following the district's past website being 
found to not be compliant with the Americans with Disabilities Act 
(ADA)…" 
http://www.starkvilledailynews.com/content/socsd-rolls-out-new-website 

Accessibility Analysis of Banking Industry Websites 
By Bureau of Internet Accessibility. 
"…The banking industry has made progress over the past decade, but our 
analysis shows that there is still room for improvement…" 
https://www.boia.org/blog/accessibility-analysis-of-banking-industry-websites-1q2018 


+02: Color. 

Colour Deficit Help 
By Matthew Atkinson. 
"This is the last in the current series of articles looking at 
adaptations for accessibility, based on new techniques or research…" 
https://developer.paciellogroup.com/blog/2018/03/colour-deficit-help/ 


+03: EVALUATION & TESTING. 

Why Accessibility Testing with Real Users is so Important 
By Helen Wood and Jennifer Kline. 
"…There is no 'one size fits all' way to know if what you've built 
will work until you test it with the people who will be expected to 
use it." 
https://accessibility.blog.gov.uk/2018/03/20/why-accessibility-testing-with-real-users-is-so-important/ 

Measure Customer Use of Things, Not Customer Satisfaction with Things 
By Gerry McGovern. 
"…In a digital economy, the most vital thing to manage is use." 
http://gerrymcgovern.com/measure-customer-use-of-things-not-customer-satisfaction-with-things/ 

How to Test Your User Interface the Right Way 
By Paul Boag. 
"On this episode of the Boagworld Show, we look at testing your user 
interface and how to integrate it into your design process…" 
https://boagworld.com/season/20/episode/2008/ 


+04: EVENTS. 

What's New in WCAG 2.1 
March 27, 2018. 
Online. 
https://register.gotowebinar.com/register/521166701331883266 

An Event Apart Orlando 
October 8-10, 2018. 
Orlando, Florida, U.S.A. 
https://aneventapart.com/event/orlando-2018 

ARIA: What, Why and When 
October 11, 2018. 
Online 
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=520 

Web Summit 
November 5-8, 2018. 
Lisbon, Portugal 
https://websummit.com/ 

Web Directions Summit 
November 8-9, 2018. 
Sydney, Australia 
http://www.webdirections.org/wds/ 


+05: INFORMATION ARCHITECTURE. 

Card Sorting: Uncover Users' Mental Models for Better Information Architecture 
By Katie Sherwin. 
"Card sorting is a UX research technique in which users organize 
topics into groups. Use it to create an IA that suits your users' 
expectations." 
https://www.nngroup.com/articles/card-sorting-definition/ 


+06: JAVASCRIPT. 

WAI-ARIA: the Dark Art of Accessibility? 
By Jon Gibbins. 
"…one area of accessibility that often stumps even the most 
experienced developers, is WAI-ARIA - the Accessible Rich Internet 
Applications…this is an awareness-raising blog post for web developers 
about ARIA. It was prompted by an issue discovered on a client's 
website that was using a carousel powered by Slick. I'm going to take 
a look at some of the ARIA used by Slick." 
https://diginclusion.com/blog/wai-aria-dark-art-of-accessibility/ 

Writing JavaScript with Accessibility in Mind 
By Manuel Matuzovic. 
"Tips on how to improve the accessibility of your JavaScript 
components and provide users with more and better ways to interact 
with your website or web app." 
https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9 


+07: MISCELLANEOUS. 

Tim Berners-Lee: We Must Regulate Tech Firms to Prevent 'Weaponised' Web 
By Olivia Solon. 
"The inventor of the world wide web warns over concentration of power 
among a few companies 'controlling which ideas are shared'" 
https://www.theguardian.com/technology/2018/mar/11/tim-berners-lee-tech-companies-regulations 

33rd CSUN Assistive Technology Conference - Keynote (Video) 
"The Center on Disabilities at CSUN is proud to open the 32nd CSUN 
Assistive Technology Conference with an excellent keynote. Keynote 
Address - Daniel Goldstein…" (Video starts about 31:08 and Dan 
Goldstein begins at 37:47) 
https://www.youtube.com/watch?v=XAEJx4GlRPQ 

How Fast Is Amp Really? 
By Tim Kadlec. 
"…right now, the incentives being placed on AMP content seem to be 
accomplishing exactly what you would think: they're incentivizing AMP, 
not performance…" 
https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/ 

Write It Down 
By Mark Boulton. 
"This is about a light-touch way of asking someone to slow down…I 
welcome being asked to 'write it down'. It gives me permission to take 
a breath. To pause and reflect on what I'm asking…Next time someone 
asks you to do something, try it. I bet 3 times out of 10, they say 
'oh it doesn't matter'. You'll have that time back. They'll be a 
little wiser and have a lower heart rate." 
https://markboulton.co.uk/journal/write-it-down 


+08: TOOLS. 

Bookmarklets for Nu Html Checker 
By Steve Faulkner. 
Running your HTML through a conformance checker will miss any errors 
you may have introduced when adding to elements/attributes via 
JavaScript. Steve's bookmarklet that will send the HTML DOM of a page 
the Nu Html Checker. 
https://validator.w3.org/nu/about.html#extras 


+09: USABILITY. 

Don't Shame Your Users Into Converting (Video) 
By Kate Meyer and Kim Flaherty. 
"Coercive tactics like Manipulinks and Please-Don't-Go try to shame 
customers into doing what the company wants. Sacrificing long-term 
customer loyalty for short-term gains is shortsighted." 
https://www.nngroup.com/videos/shame-users-to-convert/ 

Designing Button States 
By Tyler Sticka. 
"Buttons are a staple of any design system. The best ones are simple, 
versatile, maybe even a little fun…" 
https://cloudfour.com/thinks/designing-button-states/ 

Retain UX Talent by Tracking UX Capacity 
By Hoa Loranger. 
"Tracking UX capacity on Agile projects allows you to negotiate UX 
commitments in terms stakeholders understand." 
https://www.nngroup.com/articles/tracking-ux-capacity/ 


[Section one ends.] 


++ SECTION TWO: 

+10: 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:lcar...@d.umn.edu 


[Issue ends.] 

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 16, Issue 38, March 15, 2018.

David Dillard
 



  +++ WEB DESIGN UPDATE.
- Volume 16, Issue 38, March 15, 2018.

An email newsletter to distribute news and information about web design and development. 

++ISSUE 38 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: EVENTS.
05: HTML.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.


SECTION TWO: 
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A DIY Web Accessibility Blueprint
By Beth Raduenzel.
"Good accessibility is good UX. We should seek to create the best user experience for all (not just the able-bodied). But launching a company accessibility remediation project can be a big undertaking. You will need to win over company leadership, build a multi-disciplinary accessibility team, and educate everyone on accessibility standards. In this article, Beth Raduenzel provides a step-by-step guide to making and maintaining an accessible website."
https://alistapart.com/article/diy-web-accessibility-blueprint

WCAG 2.1 Guidelines. What's New We May Expect? 
By Artur Kaczmarek.
"The first version of Web Content Accessibility Guidelines (WCAG) was released by Web Accessibility Initiative (WAI) in 1999…"
https://www.joomla-monster.com/blog/web-development/wcag-2-1-guidelines-what-s-new

Text Splitting Causes Screen Reader Problems
By Daniel Göransson.
"I am a screen reader user, and I am annoyed…"
https://axesslab.com/text-splitting/

Accessibility for Developers
By İrem Ercan.
"Simple steps to improve and enforce your website accessibility…"
https://www.invisionapp.com/blog/accessibility-for-developers/

A Primer to Web Accessibility for Designers
By Nicholas Kramer.
"Quick wins to make your designs more inclusive…"
https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612

A11y Isn't Just…
By Dave Letorey.
Why a11y? A11y is a numeronym, presenting "accessibility" as "a" followed by 11 more letters, followed by "y".
https://letorey.co.uk/blog/a11y-isnt-just

When Accessibility Doesn't Make It into the EDUCAUSE Top 10: Turn It Up to 11
By Jess Thompson, Amy Rovner and Tom Gibbons.
"…as vital discussions around diversity and equity have moved into the spotlight, people with disabilities have frequently remained an afterthought, reflecting an ongoing societal struggle to adequately recognize their rights…"
https://er.educause.edu/articles/2018/3/when-accessibility-doesnt-make-it-into-the-educause-top-10-turn-it-up-to-11

How Do I Edit the Alternative Text for a Photo (on Facebook)?
By Facebook. (hat tip to @seanzdenek)
"How to replace auto generated alt-text on your Facebook photos and images with better, more accessible descriptions."
https://www.facebook.com/help/214124458607871


+02: CASCADING STYLE SHEETS.

Short Note on What CSS Display Properties do to Table Semantics
By Steve Faulkner.
"The CSS display properties are powerful…"
https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/

Writing CSS with Accessibility in Mind (Video)
By Manuel Matuzovic.
"…This talk aims to demystify web accessibility and provide you with simple and practical CSS tips and tricks, which you can easily incorporate into your workflow today. You are going to find out how to make your web projects more inclusive and improve the usability and user experience at the same time…"
https://www.youtube.com/watch?v=EOiC2M47GBY

What's the Deal with Margin Collapse?
By Jonathan Harrell.
"Learn about the margin collapse, a fundamental concept of CSS layout. See visual examples of when margin collapse happens, and when it doesn't."
https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/


+03: EVALUATION & TESTING.

Tips For Conducting Usability Studies With Participants With Disabilities
By Peter McNally.
"Over the last few years, I ran several usability studies with participants with various disabilities…"
https://www.smashingmagazine.com/2018/03/tips-conducting-usability-studies-participants-disabilities/

43 Ways to Find Participants For Research
By Tomer Sharon.
"One of the biggest bottlenecks of research and a topic of unjust misconceptions is finding people who will participate in research…"
https://medium.com/@tsharon/43-ways-to-find-participants-for-research-ba4ddcc2255b

Dealing with Difficult Usability Test Participants
By David Travis.
"A common concern of people running usability tests is that sooner or later they'll run into a difficult participant. Who are these difficult characters and how can we prevent them from being a problem?…"
https://medium.com/@userfocus/dealing-with-difficult-usability-test-participants-113474fd5925

The UX Testing Tool That Was Here All This Time
By Diana Weschke.
"Have you ever heard of the User Experience Questionnaire or UEQ? If you have not, you need to download it right now…"
https://uxplanet.org/this-quick-tool-for-ux-tracking-was-here-all-this-time-for-free-bb9a195f6423

Why You Should Avoid Coffee Shop or Guerilla Usability Tests (Video)
By Sarah Doody.
"In this video, I'll address the controversial topic of conducting guerilla usability tests and user research interviews, otherwise known as 'coffee shop usability'…"
https://www.youtube.com/watch?v=QPhq2ExH918

Is a Single Item Enough to Measure a Construct?
By Jeff Sauro.
"…Single item measures are likely adequate for some constructs… Multi-item measures are better for more complex constructs… Multi-item measures will improve the amount of points of discrimination… Use more points for single items… Consider test-retest as an alternate measure of reliability…"
https://measuringu.com/single-multi-items/


+04: EVENTS.

Leadership Exchange in Arts and Disability (LEAD®)
August 9-11, 2018. 
Atlanta, Georgia, U.S.A. 
http://education.kennedy-center.org/education/accessibility/lead/conference.html

An Event Apart Chicago
August 27-29, 2018.
Chicago, Illinois, U.S.A. 
https://aneventapart.com/event/chicago-2018

Authoring Tools Accessibility: New US and European Requirements
September 26, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=519


+05: HTML.

Swapping Images with the Sizes Attribute 
By Scott Jehl.
"…Overall, we find this trick to be really handy, particularly as it allows our clients to place all of their image sizes in one place in the markup, which tends to make integration easier with various content management systems…"
https://www.filamentgroup.com/lab/sizes-swap/

HTML5 Accessibility 
By Steve Faulkner.
"Get the current accessibility support status of HTML5 features across major browsers. Editor's draft, March 2018"
http://html5accessibility.com/

<main>
Updated By Steve Faulkner.
Steve updated the "@MozDevNet documentation for <main> to reflect the W3C/WHATWG definition alignment."
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

Accessible Autosuggest Dropdown
By Dennis Lembrée.
"…modified version of an accessible autosuggest from Intopia's autosuggest article…"
https://weboverhauls.github.io/demos/autosuggest/


+08: MISCELLANEOUS.

One-Page-Applications Are Not Accessible 
By Craig Abbott.
"…People do amazing things. I don't doubt for one minute that a good accessible one-page-application is possible. But I've not seen one yet."
http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

Planning for Everything: The Design of Paths and Goals
By Peter Morville.
"This is a sample chapter from Peter Morville's new book Planning for Everything: The Design of Paths and Goals…"
https://www.uxmatters.com/mt/archives/2018/03/planning-for-everything-the-design-of-paths-and-goals.php


+09: NAVIGATION.

Why Organizations are Still so Bad at Findability
By Gerry McGovern.
"…If content is the oil of the Web, then findability is the petrol / gasoline. Content that is not findable is crude. It sits there with untapped potential. If you don't have a findability strategy, you don't have a digital strategy."
http://gerrymcgovern.com/why-organizations-are-still-so-bad-at-findability/


+10: USABILITY.

The Two UX Gulfs: Evaluation and Execution
By Kathryn Whitenton.
"With every interaction, users must overcome the twin challenges of understanding the current state of a system and figuring out how to change it. Designers can support them by being aware of these gulfs and bridging them with a transparent conceptual model."
https://www.nngroup.com/articles/two-ux-gulfs-evaluation-execution/

Gestalt Theory for UX Designers: Principle of Similarity.
By Marina Yalanska.
"…today we are going back to basics: let's start revising how Gestalt grouping principles can affect user interfaces positively…"
https://design4users.com/2018/02/13/gestalt-theory-for-ux-designers-principle-of-similarity/

Banner Blindness: Ad-Like Elements Divert Attention (Video)
By Kara Pernice.
"Recent eyetracking studies confirm an old finding: People tend to ignore design elements that signal advertisements."
https://www.nngroup.com/videos/banner-blindness/

Attributes of Effective Agile UX (Video)
By Page Laubheimer.
"Agile is not easy for UX. However, blending Agile and UX can work with the right culture and mindset."
https://www.nngroup.com/videos/effective-agile-ux/

Creating User-Friendly Forms
By Momoh Silm.
"…creating user-friendly forms is a major key to increasing the completion rate of your forms…"
https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

User-Centered Web Development
By Jens Oliver Meiert.
"…Developer experience (and developer usability, as suggested in Principles of Web Development) matters, but ultimately we as developers do have users, and our work should reflect that…"
https://meiert.com/en/blog/user-centered-web-development/


[Section one ends.]


++ SECTION TWO:

+11: 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:lcar...@d.umn.edu 


[Issue ends.]

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Web Design Update: March 22, 2018 1 post by 1 author

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 16, Issue 39, March 22, 2018.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 39 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: COLOR.
03: EVALUATION & TESTING.
04: EVENTS.
05: INFORMATION ARCHITECTURE.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: TOOLS.
09: USABILITY.

SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

New Features in Web Content Accessibility Guidelines 2.1 and What You Need to Do
By Ashley Sheridan.
"…The majority of these are fairly obvious and straightforward, with
some nice additions that enhance accessibility on smaller hand-held
devices…"
http://www.ashleysheridan.co.uk/blog/New+Features+in+Web+Content+Accessibility+Guidelines+2.1+and+What+You+Need+to+Do

Labels Required
By Maggie Wachs.
"Late last year we completed an accessibility audit with a client,
during which we were reminded that form fields must have properly
associated label elements to be universally understood by screen
readers and conventional browsers."
https://www.filamentgroup.com/lab/a11y-form-labels.html

Screen Reader Fails To Detect Newly Added Content: WCAG 2.0 Failure?
By Sailesh Panchang.
"Consider these two examples for error notification…"
http://www.mindoversight.com/?p=190

Cognitive Accessibility (Video)
By Jamie Knight & Lion.
Jamie's February 2018 London Accessibility Meetup presentation.
https://www.youtube.com/watch?v=XBzXBY9G2u4

How We Stopped Making Excuses and Started Improving Basecamp's Accessibility
By Michael Berger.
"In 2017 we made web accessibility a priority at Basecamp. It was long overdue…"
https://m.signalvnoise.com/how-we-stopped-making-excuses-and-started-improving-basecamps-accessibility-5f45eb246aa3

Your Tooltips Are Bogus
By Heydon Pickering.
"Tooltips are implemented all over the place. Badly. Let me count the ways."
http://www.heydonworks.com/article/your-tooltips-are-bogus

Trickle Down Accessibility
By Ted Drake and Sarah Margolis-Greenbaum.
"This presentation is not about reducing your support for blind and low-vision…"
http://www.last-child.com/trickle-down-accessibility/

I Never Thought I Would Say This
By Marcie Lipsett.
OCR is dismissing some of Marcie Lipsett's complaints related
discrimination against people with disabilities.
https://www.facebook.com/129061697837227/photos/a.129218541154876.1073741828.129061697837227/129218521154878/

SOCSD Rolls Out New Website
By Charlie Benton.
"The Starkville-Oktibbeha Consolidated School District unveiled its
new website last week after working on the project since December. The
project was initiated following the district's past website being
found to not be compliant with the Americans with Disabilities Act
(ADA)…"
http://www.starkvilledailynews.com/content/socsd-rolls-out-new-website

Accessibility Analysis of Banking Industry Websites
By Bureau of Internet Accessibility.
"…The banking industry has made progress over the past decade, but our
analysis shows that there is still room for improvement…"
https://www.boia.org/blog/accessibility-analysis-of-banking-industry-websites-1q2018


+02: Color.

Colour Deficit Help
By Matthew Atkinson.
"This is the last in the current series of articles looking at
adaptations for accessibility, based on new techniques or research…"
https://developer.paciellogroup.com/blog/2018/03/colour-deficit-help/


+03: EVALUATION & TESTING.

Why Accessibility Testing with Real Users is so Important
By Helen Wood and Jennifer Kline.
"…There is no 'one size fits all' way to know if what you've built
will work until you test it with the people who will be expected to
use it."
https://accessibility.blog.gov.uk/2018/03/20/why-accessibility-testing-with-real-users-is-so-important/

Measure Customer Use of Things, Not Customer Satisfaction with Things
By Gerry McGovern.
"…In a digital economy, the most vital thing to manage is use."
http://gerrymcgovern.com/measure-customer-use-of-things-not-customer-satisfaction-with-things/

How to Test Your User Interface the Right Way
By Paul Boag.
"On this episode of the Boagworld Show, we look at testing your user
interface and how to integrate it into your design process…"
https://boagworld.com/season/20/episode/2008/


+04: EVENTS.

What's New in WCAG 2.1
March 27, 2018.
Online.
https://register.gotowebinar.com/register/521166701331883266

An Event Apart Orlando
October 8-10, 2018.
Orlando, Florida, U.S.A.
https://aneventapart.com/event/orlando-2018

ARIA: What, Why and When
October 11, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=520

Web Summit
November 5-8, 2018.
Lisbon, Portugal
https://websummit.com/

Web Directions Summit
November 8-9, 2018.
Sydney, Australia
http://www.webdirections.org/wds/


+05: INFORMATION ARCHITECTURE.

Card Sorting: Uncover Users' Mental Models for Better Information Architecture
By Katie Sherwin.
"Card sorting is a UX research technique in which users organize
topics into groups. Use it to create an IA that suits your users'
expectations."
https://www.nngroup.com/articles/card-sorting-definition/


+06: JAVASCRIPT.

WAI-ARIA: the Dark Art of Accessibility?
By Jon Gibbins.
"…one area of accessibility that often stumps even the most
experienced developers, is WAI-ARIA - the Accessible Rich Internet
Applications…this is an awareness-raising blog post for web developers
about ARIA. It was prompted by an issue discovered on a client's
website that was using a carousel powered by Slick. I'm going to take
a look at some of the ARIA used by Slick."
https://diginclusion.com/blog/wai-aria-dark-art-of-accessibility/

Writing JavaScript with Accessibility in Mind
By Manuel Matuzovic.
"Tips on how to improve the accessibility of your JavaScript
components and provide users with more and better ways to interact
with your website or web app."
https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9


+07: MISCELLANEOUS.

Tim Berners-Lee: We Must Regulate Tech Firms to Prevent 'Weaponised' Web
By Olivia Solon.
"The inventor of the world wide web warns over concentration of power
among a few companies 'controlling which ideas are shared'"
https://www.theguardian.com/technology/2018/mar/11/tim-berners-lee-tech-companies-regulations

33rd CSUN Assistive Technology Conference - Keynote (Video)
"The Center on Disabilities at CSUN is proud to open the 32nd CSUN
Assistive Technology Conference with an excellent keynote. Keynote
Address - Daniel Goldstein…" (Video starts about 31:08 and Dan
Goldstein begins at 37:47)
https://www.youtube.com/watch?v=XAEJx4GlRPQ

How Fast Is Amp Really?
By Tim Kadlec.
"…right now, the incentives being placed on AMP content seem to be
accomplishing exactly what you would think: they're incentivizing AMP,
not performance…"
https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/

Write It Down
By Mark Boulton.
"This is about a light-touch way of asking someone to slow down…I
welcome being asked to 'write it down'. It gives me permission to take
a breath. To pause and reflect on what I'm asking…Next time someone
asks you to do something, try it. I bet 3 times out of 10, they say
'oh it doesn't matter'. You'll have that time back. They'll be a
little wiser and have a lower heart rate."
https://markboulton.co.uk/journal/write-it-down


+08: TOOLS.

Bookmarklets for Nu Html Checker
By Steve Faulkner.
Running your HTML through a conformance checker will miss any errors
you may have introduced when adding to elements/attributes via
JavaScript. Steve's bookmarklet that will send the HTML DOM of a page
the Nu Html Checker.
https://validator.w3.org/nu/about.html#extras


+09: USABILITY.

Don't Shame Your Users Into Converting (Video)
By Kate Meyer and Kim Flaherty.
"Coercive tactics like Manipulinks and Please-Don't-Go try to shame
customers into doing what the company wants. Sacrificing long-term
customer loyalty for short-term gains is shortsighted."
https://www.nngroup.com/videos/shame-users-to-convert/

Designing Button States
By Tyler Sticka.
"Buttons are a staple of any design system. The best ones are simple,
versatile, maybe even a little fun…"
https://cloudfour.com/thinks/designing-button-states/

Retain UX Talent by Tracking UX Capacity
By Hoa Loranger.
"Tracking UX capacity on Agile projects allows you to negotiate UX
commitments in terms stakeholders understand."
https://www.nngroup.com/articles/tracking-ux-capacity/


[Section one ends.]


++ SECTION TWO:

+10: 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:lcar...@d.umn.edu


[Issue ends.]

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Web Design Update: March 15, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 38, March 15, 2018.

An email newsletter to distribute news and information about web design and development.

++ISSUE 38 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: EVENTS.
05: HTML.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.


SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A DIY Web Accessibility Blueprint
By Beth Raduenzel.
"Good accessibility is good UX. We should seek to create the best user experience for all (not just the able-bodied).
But launching a company accessibility remediation project can be a big undertaking. You will need to win over company
leadership, build a multi-disciplinary accessibility team, and educate everyone on accessibility standards. In this article,
Beth Raduenzel provides a step-by-step guide to making and maintaining an accessible website."
https://alistapart.com/article/diy-web-accessibility-blueprint

WCAG 2.1 Guidelines. What's New We May Expect?
By Artur Kaczmarek.
"The first version of Web Content Accessibility Guidelines (WCAG) was released by Web Accessibility Initiative (WAI) in 1999…"
https://www.joomla-monster.com/blog/web-development/wcag-2-1-guidelines-what-s-new

Text Splitting Causes Screen Reader Problems
By Daniel Göransson.
"I am a screen reader user, and I am annoyed…"
https://axesslab.com/text-splitting/

Accessibility for Developers
By İrem Ercan.
"Simple steps to improve and enforce your website accessibility…"
https://www.invisionapp.com/blog/accessibility-for-developers/

A Primer to Web Accessibility for Designers
By Nicholas Kramer.
"Quick wins to make your designs more inclusive…"
https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612

A11y Isn't Just…
By Dave Letorey.
Why a11y? A11y is a numeronym, presenting "accessibility" as "a" followed by 11 more letters, followed by "y".
https://letorey.co.uk/blog/a11y-isnt-just

When Accessibility Doesn't Make It into the EDUCAUSE Top 10: Turn It Up to 11
By Jess Thompson, Amy Rovner and Tom Gibbons.
"…as vital discussions around diversity and equity have moved into the spotlight, people with disabilities have frequently
remained an afterthought, reflecting an ongoing societal struggle to adequately recognize their rights…"
https://er.educause.edu/articles/2018/3/when-accessibility-doesnt-make-it-into-the-educause-top-10-turn-it-up-to-11

How Do I Edit the Alternative Text for a Photo (on Facebook)?
By Facebook. (hat tip to @seanzdenek)
"How to replace auto generated alt-text on your Facebook photos and images with better, more accessible descriptions."
https://www.facebook.com/help/214124458607871


+02: CASCADING STYLE SHEETS.

Short Note on What CSS Display Properties do to Table Semantics
By Steve Faulkner.
"The CSS display properties are powerful…"
https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/

Writing CSS with Accessibility in Mind (Video)
By Manuel Matuzovic.
"…This talk aims to demystify web accessibility and provide you with simple and practical CSS tips and tricks,
which you can easily incorporate into your workflow today. You are going to find out how to make your web projects
more inclusive and improve the usability and user experience at the same time…"
https://www.youtube.com/watch?v=EOiC2M47GBY

What's the Deal with Margin Collapse?
By Jonathan Harrell.
"Learn about the margin collapse, a fundamental concept of CSS layout.
See visual examples of when margin collapse happens, and when it doesn't."
https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/


+03: EVALUATION & TESTING.

Tips For Conducting Usability Studies With Participants With Disabilities
By Peter McNally.
"Over the last few years, I ran several usability studies with participants with various disabilities…"
https://www.smashingmagazine.com/2018/03/tips-conducting-usability-studies-participants-disabilities/

43 Ways to Find Participants For Research
By Tomer Sharon.
"One of the biggest bottlenecks of research and a topic of unjust misconceptions is finding people
who will participate in research…"
https://medium.com/@tsharon/43-ways-to-find-participants-for-research-ba4ddcc2255b

Dealing with Difficult Usability Test Participants
By David Travis.
"A common concern of people running usability tests is that sooner or later they'll run into a difficult participant.
Who are these difficult characters and how can we prevent them from being a problem?…"
https://medium.com/@userfocus/dealing-with-difficult-usability-test-participants-113474fd5925

The UX Testing Tool That Was Here All This Time
By Diana Weschke.
"Have you ever heard of the User Experience Questionnaire or UEQ? If you have not, you need to download it right now…"
https://uxplanet.org/this-quick-tool-for-ux-tracking-was-here-all-this-time-for-free-bb9a195f6423

Why You Should Avoid Coffee Shop or Guerilla Usability Tests (Video)
By Sarah Doody.
"In this video, I'll address the controversial topic of conducting guerilla usability tests and user research interviews,
otherwise known as 'coffee shop usability'…"
https://www.youtube.com/watch?v=QPhq2ExH918

Is a Single Item Enough to Measure a Construct?
By Jeff Sauro.
"…Single item measures are likely adequate for some constructs… Multi-item measures are better for more complex constructs…
Multi-item measures will improve the amount of points of discrimination… Use more points for single items…
Consider test-retest as an alternate measure of reliability…"
https://measuringu.com/single-multi-items/


+04: EVENTS.

Leadership Exchange in Arts and Disability (LEAD®)
August 9-11, 2018.
Atlanta, Georgia, U.S.A.
http://education.kennedy-center.org/education/accessibility/lead/conference.html

An Event Apart Chicago
August 27-29, 2018.
Chicago, Illinois, U.S.A.
https://aneventapart.com/event/chicago-2018

Authoring Tools Accessibility: New US and European Requirements
September 26, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=519


+05: HTML.

Swapping Images with the Sizes Attribute
By Scott Jehl.
"…Overall, we find this trick to be really handy, particularly as it allows our clients to place all of their image sizes
in one place in the markup, which tends to make integration easier with various content management systems…"
https://www.filamentgroup.com/lab/sizes-swap/

HTML5 Accessibility
By Steve Faulkner.
"Get the current accessibility support status of HTML5 features across major browsers. Editor's draft, March 2018"
http://html5accessibility.com/

<main>
Updated By Steve Faulkner.
Steve updated the "@MozDevNet documentation for <main> to reflect the W3C/WHATWG definition alignment."
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

Accessible Autosuggest Dropdown
By Dennis Lembrée.
"…modified version of an accessible autosuggest from Intopia's autosuggest article…"
https://weboverhauls.github.io/demos/autosuggest/


+08: MISCELLANEOUS.

One-Page-Applications Are Not Accessible
By Craig Abbott.
"…People do amazing things. I don't doubt for one minute that a good accessible one-page-application is possible.
But I've not seen one yet."
http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

Planning for Everything: The Design of Paths and Goals
By Peter Morville.
"This is a sample chapter from Peter Morville's new book Planning for Everything: The Design of Paths and Goals…"
https://www.uxmatters.com/mt/archives/2018/03/planning-for-everything-the-design-of-paths-and-goals.php


+09: NAVIGATION.

Why Organizations are Still so Bad at Findability
By Gerry McGovern.
"…If content is the oil of the Web, then findability is the petrol / gasoline. Content that is not findable is crude.
It sits there with untapped potential. If you don't have a findability strategy, you don't have a digital strategy."
http://gerrymcgovern.com/why-organizations-are-still-so-bad-at-findability/


+10: USABILITY.

The Two UX Gulfs: Evaluation and Execution
By Kathryn Whitenton.
"With every interaction, users must overcome the twin challenges of understanding the current state of a system
and figuring out how to change it. Designers can support them by being aware of these gulfs and bridging them
with a transparent conceptual model."
https://www.nngroup.com/articles/two-ux-gulfs-evaluation-execution/

Gestalt Theory for UX Designers: Principle of Similarity.
By Marina Yalanska.
"…today we are going back to basics: let's start revising how Gestalt grouping principles can affect user interfaces positively…"
https://design4users.com/2018/02/13/gestalt-theory-for-ux-designers-principle-of-similarity/

Banner Blindness: Ad-Like Elements Divert Attention (Video)
By Kara Pernice.
"Recent eyetracking studies confirm an old finding: People tend to ignore design elements that signal advertisements."
https://www.nngroup.com/videos/banner-blindness/

Attributes of Effective Agile UX (Video)
By Page Laubheimer.
"Agile is not easy for UX. However, blending Agile and UX can work with the right culture and mindset."
https://www.nngroup.com/videos/effective-agile-ux/

Creating User-Friendly Forms
By Momoh Silm.
"…creating user-friendly forms is a major key to increasing the completion rate of your forms…"
https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

User-Centered Web Development
By Jens Oliver Meiert.
"…Developer experience (and developer usability, as suggested in Principles of Web Development) matters,
but ultimately we as developers do have users, and our work should reflect that…"
https://meiert.com/en/blog/user-centered-web-development/


[Section one ends.]


++ SECTION TWO:

+11: 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:lcar...@d.umn.edu


[Issue ends.]

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Web Design Update: March 8, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 37, March 8, 2018.

An email newsletter to distribute news and information about web design and development.

++ISSUE 37 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: EVENTS.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: TYPOGRAPHY.
09: USABILITY.

SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1: Success Criteria for Cognitive Disabilities
By Kurt Mattes.
"…In the Candidate Recommendation dated January 30, 2018, two of these 11 Success Criteria are at Level A
and six are at Level AA. For organizations wishing to reach for Level AAA, three additional Success Criteria are
covered at the end of this post…"
https://developer.paciellogroup.com/blog/2018/03/wcag-2-1-success-criteria-for-cognitive-disabilities/

The New Guidelines in WCAG 2.1 Explained
By Alexander Skogberg.
"In the Summer of 2018, WCAG 2.0 will be updated to version 2.1 with new guidelines for making websites even
more accessible. In this post I'll try to give simple explanations of these guidelines along with thoughts and advice
on how to follow them…"
https://alexanderskogberg.com/2018/02/new-guidelines-wcag-2-1-explained/

WCAG 2.1: Writing a Recommendation
By Audrey Maniez.
"With the advent of WCAG 2.1 in the global accessibility landscape, the promises were ambitious.
The new criteria, many and sometimes so unrealistic, have attracted the wrath of some renowned actors in the field…"
https://access42.net/wcag-2-1

Your Interactive Makes Me Sick
By Eileen Webb.
"Why your coolest scrolly features can cause problems,
and what to do about it accessibility scrolling migraines are terrible motion…"
https://source.opennews.org/articles/motion-sick/

Why Aren't We Doing This Already? : What I've Learned About Accessibility in the Tech Industry
By Rachel Williamson.
"…I would like to share what I've learned about accessibility as it exists right now in the tech industry…"
https://medium.com/@rachel.williamson/why-arent-we-doing-this-already-what-i-ve-learned-about-accessibility-in-the-tech-industry-927a0e1d72d9

Accessible By Design
By Andrew Spencer.
"…Andrew shares what to think about and tools to use when creating a visually accessible web…"
https://seesparkbox.com/foundry/accessible_by_design

Overly Accessible?
By Jared Smith.
"…Yes, if you think of accessibility as code practices and techniques, then these can be overdone
resulting in a less than optimal end user experience. But if you think of accessibility as being that
end user experience, then no, you can't make a site overly accessible because those accessibility
improvements would inherently benefit everyone."
https://webaim.org/blog/overly-accessible/

YouTube Live Gains Automatic Captions, Chat Replay and More
By Sarah Perez.
"YouTube today announced several new features designed to improve the live streaming experience
for both creators and viewers…"
https://techcrunch.com/2018/02/26/youtube-live-gains-automatic-captions-chat-replay-and-more/

Officials Examine Website Accessibility Amid Federal Disability Investigation
By Leah Potter.
"As the Department of Education investigates George Washington University (GW) for alleged disability
discrimination based on the accessibility of its websites, officials say they've formed a task force to examine the issue…"
https://www.gwhatchet.com/2018/01/29/officials-examine-website-accessibility-amid-federal-disability-investigation/

Blind Woman Sues TD Ameritrade Over Allegedly Inaccessible Website
By Jed Horowitz.
"A woman in New York State has filed a class-action lawsuit against TD Ameritrade claiming that the discount brokerage
firm's website and some of its trading software is inaccessible through screen reader vocalization software and other
standard tools used by the blind and visually impaired."
https://advisorhub.com/blind-woman-sues-td-ameritrade-allegedly-inaccessible-website/

ADA Suit Against 1-800-Flowers.com Blooms
By Richard P. Lawson.
"Demonstrating the minefield facing online retailers, the U.S. District Court, District of Massachusetts refused to dismiss
an Americans with Disabilities Act (ADA) accessibility suit filed against 1-800-Flowers.com…"
https://www.lexology.com/library/detail.aspx?g=c913b37a-e010-4404-b1b9-b2ce8b85ed92

H.R. 620 Will Not Prevent Drive-By Accessibility Lawsuits Because It Does Not Address Website Accessibility
By Kim Krause Berg.
"There are many conflicts with the recent vote to pass H.R. 620 of the ADA by the House of Representatives.
The most alarming is requiring a law where one already exists."
https://creativevisionwebconsulting.com/h-r-620-will-not-prevent-drive-accessibility-lawsuits-not-address-website-accessibility/

Gratitude for a Poached Egg (an Accessibility and Negotiation Strategy)
By Lainey Feingold.
"…a strategy for moving negotiations and accessibility forward."
http://www.lflegal.com/2018/03/gratitude/


+02: CASCADING STYLE SHEETS.

We Write CSS Like We Did in the 90s, and Yes, It's Silly
By Jens Oliver Meiert.
"The tools web developers use to build websites have changed dramatically since the 1990s. But when it comes to the
craft of writing CSS, Jens Meiert argues, it often seems that we haven't learned anything over the past 20 years.
Meiert discusses why that is and offers his thoughts on how spending more time thinking about the basics can bring
the writing of CSS into the 21st century."
http://alistapart.com/article/we-write-css-like-we-did-in-the-90s-and-yes-its-silly

Third Party CSS is Not Safe
By Jake Archibald.
"A few days ago there was a lot of chatter about a 'keylogger' built in CSS.…"
https://jakearchibald.com/2018/third-party-css-is-not-safe/


+03: EVALUATION & TESTING.

The Line to Say in Usability Testing to Get Honest Feedback
By Karah Salaets.
"…My job is to help the client make this as amazing as possible. We've had some ideas already.
And when we brainstormed, we put all our ideas in the design without judgement. You will help me figure out which
ideas are great, which are duds, and come up with new ideas we didn't think of…"
http://uxmovement.com/thinking/the-line-to-say-in-usability-testing-to-get-honest-feedback/

A Comprehensive Guide To User Testing
By Christopher Murphy.
"…In this article, I'll be focusing on usability testing, where we evaluate the design decisions we have made against
a representative set of users to test if our assumptions are correct…"
https://www.smashingmagazine.com/2018/03/guide-user-testing/

How to Turn User Videos into Insights
By Jeff Sauro.
"Finding and fixing usability problems in an interface leads to a better user experience…"
https://measuringu.com/user-videos-insights/


+04: EVENTS.

Assistive Technology 101
April 6, 2018.
Indianapolis, Indiana, U.S.A.
https://www.eventbrite.com/e/assistive-technology-101-tickets-43613381799
Online at:
https://www.eastersealstech.com/live

Accessible by Design
May 8, 2018.
Bloomington, Indiana, U.S.A.
https://accessiblebydesign.org/

Web Accessibility Training
May 8-9, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training/

php[tek] 2018
May 31-June 1, 2018.
Atlanta, Georgia, U.S.A.
https://tek.phparch.com/

HCI International 2017
July 15-20, 2018.
Los Vegas, Nevada, U.S.A.
http://2018.hci.international/index.php

eduWeb
July 23-25, 2018.
San Diego, California, U.S.A.
http://eduwebconf.com/

Event Apart Washington DC
July 30-August 1, 2018.
Washington DC, U.S.A.
https://aneventapart.com/event/washington-dc-2018

Web Directions Code
August 2-3 2018.
Melbourne, Australia
http://www.webdirections.org/code/


+05: JAVASCRIPT.

aria-keyshortcuts (property)
By Rakesh Paladugula.
"The aria-keyshortcuts property informs the screen reader user the shortcuts developer implemented
to activate or focus an element on the web page or an application…"
http://www.maxability.co.in/2018/03/aria-keyshortcuts-property/

8 Tips for Improving Bootstrap Accessibility
By Rhiana Heath.
"A few years ago, I wrote about my experiences on developing a Bootstrap version 3 project to be fully accessible
for people with disabilities. This focussed mostly on Bootstrap accessibility in terms of front-end design…"
https://www.sitepoint.com/making-bootstrap-accessible/

Notifications
By Heydon Pickering.
"The key difference between a website and a web app is… highly contested…"
https://inclusive-components.design/notifications/

Creating Accessible React Apps (Video)
By Scott Vinkle.
"The React JavaScript library is a great way to create reusable modular components that can be shared among projects.
But how do you ensure your React apps are usable by all kinds of people?
Scott Vinkle will share tips on how to build your React apps with accessibility baked-in…"
https://www.youtube.com/watch?v=-Twm-cq_E2A


+06: MISCELLANEOUS.

A11y Rules Podcast Episode 30 - Interview with Glenda Sims - Part 2
By Nicolas Steenhout.
"Glenda speaks of the importance of mentoring "fresh blood" in the accessibility field. She also explains how she gets
frustrated by accessibility going forward two steps, and backwards one step.…"
https://www.patreon.com/posts/a11y-rules-30-2-17067471


+07: NAVIGATION.

Accessible Landmarks
By Scott O'Hara.
"Landmarks can be useful to screen reader users as they can be used to help orient a user to, and easily navigate,
an appropriately structured web page or application screen…"
http://www.scottohara.me/blog/2018/03/03/landmarks.html

The Most Powerful Words are Often Not Searched For
By Gerry McGovern.
"…Getting your words right in your menus and links will have a greater positive impact on customer experience than
any other initiative you will undertake."
http://gerrymcgovern.com/the-most-powerful-words-are-often-not-searched-for/


+08: TYPOGRAPHY.

Serif, Sans, Script & Slab: 4 Font Types Explained
By Carrie Cousins.
"Always wanted to know the difference between serif, sans, script, and slab fonts? Look no further. Take your typography
game to the next level, and quit guessing if certain typefaces or font pairs work together. Back your logic with a little
design theory…"
https://designshack.net/articles/typography/font-types-explained-serif-sans-script-slab/


+09: USABILITY.

Back to Static: a Paradigm Shift for Better UX and Web Performance
By Boris Schapira.
"For several years now, a new range of solutions have emerged in the web technologies landscape…"
https://blog.dareboost.com/en/2018/02/static-website-web-performance/

The Principle of Commitment and Behavioral Consistency
By Therese Fessenden.
"Getting users to make a small commitment and follow up on it can increase engagement with content."
https://www.nngroup.com/articles/commitment-consistency-ux/

What Web Designers Need to Know About Hick's Law
By uxplanet.
"Hick's Law guides UX designers to create effortless user experiences. Here's how to apply the law to your UX design…"
https://uxplanet.org/what-web-designers-need-to-know-about-hicks-law-4601b7dc0470

Fitts' Law: Tracking Users' Clicks
By Mads Soegaard.
"…Understanding Fitts' Law (sometimes called Fitts's Law) will give you a key to unlock another dimension in designing…"
https://www.interaction-design.org/literature/article/fitts-law-tracking-users-clicks

Steve Jobs on 6 Key Principles of User Experience
By David Travis.
A good quotation can be a powerful communication tool. And Steve Jobs, perhaps history's best design communicator,
left us with some profound words. Jobs had an intuitive understanding of great design and user experience
as these quotations show."
https://www.userfocus.co.uk/articles/Steve-Jobs-on-6-key-principles-of-ux.html

Describing UX to Family and Friends (Video)
By Nielsen Norman Group.
"Do you ever find it challenging to explain to people what you do for a living? See how other UX professionals do it."
https://www.nngroup.com/videos/describing-ux-family-and-friends/

3 UX Tips for Better Newsletters and Marketing Emails (Video)
By Kim Flaherty. 
"Your customers want email newsletters that provide immediate utility. Thoughtful layout, image choices, and formatting
will help you win over customers on your mailing list."
https://www.nngroup.com/videos/newsletters-marketing-emails/

E-Commerce UX: Post-Process Vendor-Supplied Product Data (52% Don't)
By Edward Scott.
"Product specifications, whether they appear in a dedicated spec sheet, in a product list item, or as filters,
are crucial to some users' product-purchasing decision…"
https://baymard.com/blog/post-process-product-data

[Section one ends.]


++ SECTION TWO:

+10: 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:lcar...@d.umn.edu


[Issue ends.]

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Web Design Update: March 9, 2017

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 15, Issue 37, March 9, 2017.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 37 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: EVENTS.
05: HTML5.
06: INFORMATION ARCHITECTURE.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: STANDARDS, GUIDELINES & PATTERNS.
12: USABILITY.
12: XML.

SECTION TWO:
13: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 Draft: Reflections on the New Guidelines and Success Criteria
By Scott Hollier.
"For people that work in the web accessibity area, today's news that
the World Wide Web Consortium (W3C) has now made publically available
the first draft of the Web Content Accessibility Guidelines (WCAG) 2.1
public draft is very exciting..."
http://hollier.info/wcag21draft/

Web Accessibility - It's Good For Everyone
By Nicolas Steenhout.
"Web accessibility benefits everyone..."
https://www.linkedin.com/pulse/web-accessibility-its-good-everyone-nicolas-steenhout

CSUN 2017 Assistive Technology Conference Backchannel
By Sanjay Nasta.
"The 2017 CSUN Assistive Technology Conference, sponsored by the
California State University Northridge Center on Disabilities, is the
largest international conference focused on assistive
technology...Below are official conference pages, a selection of
tweets, links to the keynote address, and as many presentation slides
and related resources as we were able to discover..."
http://www.microassist.com/digital-accessibility/csun-2017-backchannel/

CSUN Report - 2017
By Mallory van Achterberg.
"Anything written about CSUN generally has to be two parts: the social
stuff and the sessions stuff..."
http://www.stommepoes.nl/csun2017.html

A Collection of Quotable Quotes from CSUN 2017
By Dennis Deacon.
"80% of people who use captions aren't deaf or hard of hearing and
there 48 million Americans with hearing loss..."
http://www.dennisdeacon.com/web-design/accessibility/quotable-quotes-csun-2017/

National Federation of the Blind and Two Blind Students File Suit
Against Los Angeles Community College District
By The National Federation of the Blind.
"The National Federation of the Blind, the nation's leading advocate
for equal access to higher education for the blind; its California
affiliate, the National Federation of the Blind of California; and two
blind students, Roy Payan and Portia Mason, have filed suit in the
United States District Court for the Central District of California,
Western Division, against the Los Angeles Community College District
(LACCD) (Case 2:17-cv-01697)..."
https://nfb.org/national-federation-blind-and-two-blind-students-file-suit-against-los-angeles-community-college

Berkeley Will Delete Online Content
By Carl Straumsheim.
"Starting March 15, the university will begin removing more than
20,000 video and audio lectures from public view as a result of a
Justice Department accessibility order..."
https://www.insidehighered.com/news/2017/03/06/u-california-berkeley-delete-publicly-available-educational-content

March 2017 Digital Accessibility Legal Update
By Lainey Feingold.
"This post includes legal developments about digital accessibility
between December 13, 2016 and March 6, 2017..."
http://www.lflegal.com/2017/03/update-csun17/


+02: CASCADING STYLE SHEETS.

The Unexpected Power of Viewport Units in CSS
By Thomas Lattimore.
"The days of fixed-width designs and needing to only test against a
handful of viewport sizes are gone. We live in a fluid-width world
with a myriad of device sizes and aspect ratios..."
https://www.lullabot.com/articles/unexpected-power-of-viewport-units-in-css

On Container Queries
By Ethan Marcotte.
"Over the last few years, a number of web designers, web developers,
and agencies have been asking for 'container queries,' saying they'd
be a welcome addition to a responsive designer's toolkit. I think
they're right..."
https://ethanmarcotte.com/wrote/on-container-queries/

CSS Grid: Responsive and Accessibility
By Susan Robertson. (via Jennifer Sutton)
"Reflow your content with ease..."
https://bocoup.com/blog/css-grid-responsive-and-accessibility

Welcome to the Grid
By Eric A. Meyer.
"Grid is public.  It's live right now in the latest Firefox release,
Firefox 52. It will similarly be live in the next public Chrome
release, due in the next week or so. It's here.  I almost can't
believe it..."
http://meyerweb.com/eric/thoughts/2017/03/07/welcome-to-the-grid/

Learning CSS Grid Layout
By Rachel Andrew.
"There seems to be a myth being put around that CSS Grid Layout is
going to be really difficult to learn, so difficult that poor web
developers will never use it. I call nonsense. .."
https://www.rachelandrew.co.uk/archives/2017/03/03/learning-css-grid-layout/

CSS Grid Guides on MDN
By Rachel Andrew.
"A few weeks ago I was approached by the good people over at MDN,
asking if I would be interested in writing a comprehensive resource
for MDN on CSS Grid Layout..."
https://www.rachelandrew.co.uk/archives/2017/03/07/css-grid-guides-on-mdn/

CSS Grid Lands in Firefox 52
By Rachel Andrew.
"I had no idea, when I spotted an interesting looking specification in
a workshop led by Bert Bos back in 2012, that the next 5 years of my
life would be consumed by CSS Grid Layout..."
https://rachelandrew.co.uk/archives/2017/03/07/css-grid-lands-in-firefox-52/


+03: EVALUATION & TESTING.

Website Accessibility Testing - Scanning Tools
By Jeffrey Singleton.
"...In today's blog, I'll address web accessibility testing - scanning
tools that support your audit..."
http://insight.cryptzone.com/accessibility/website-accessibility-testing-scanning-tools/

Conducting Qualitative, Comparative Usability Testing
By Jim Ross.
"...Testing multiple designs early in a project can provide much more
useful information than testing just a single design solution. When
participants can experience two or more designs during testing, they
can provide better feedback..."
http://www.uxmatters.com/mt/archives/2017/03/conducting-qualitative-comparative-usability-testing.php

5 Interfaces That Benefit From Usability Testing
By Jeff Sauro.
"...Regardless of the type of interface, the same core principles that
lead to a usable experience apply: 1) An early focus on users and
tasks. 2) Iterative design. 3) Empirical measurement. Here are five
interfaces that these principles apply to and can benefit from
usability testing...."
https://measuringu.com/usability-interfaces/


+04: EVENTS.

WebVisions New York City
April 7, 2017.
New York, New York, U.S.A.
http://www.webvisionsevent.com/new-york/

Bulgaria Web Summit
April 7-8, 2017.
Sofia, Bulgaria
http://bulgariawebsummit.com/

Front End Design Conference
April 19-21, 2017.
St. Petersburg, Florida, U.S.A.
http://frontenddesignconference.com/

UX in the City: Oxford
April 20-21, 2017.
Oxford, England, United Kingdom.
http://uxinthecity.net/2017/oxford/

San Francisco UX Conference
April 29-May 5, 2017.
San Francisco, California, U.S.A.
https://www.nngroup.com/training/san-francisco/

Web Accessibility for Developers
May 10, 2017.
Webinar
http://www.eastersealstech.com/a11y/


+05: HTML5.

The Document Outline Dilemma
By Amelia Bellamy-Royds.
"For the past few weeks there has been lots of talk about HTML
headings in web standards circles..."
https://css-tricks.com/document-outline-dilemma


+06: INFORMATION ARCHITECTURE.

Information Architecture: Still Vital to Digital Design
By Gerry McGovern.
"Over the years, the most neglected, and yet most essential, area of
digital design has been information architecture..."
http://gerrymcgovern.com/information-architecture-still-vital-to-digital-design/


+07: JAVASCRIPT.

Quick Tip: How to Sort an Array of Objects in JavaScript
By Olayinka Omole.
"If you have an array of objects that you need to sort into a certain
order, the temptation might be to reach for a JavaScript library.
Before you do however, rember that you can do some pretty neat sorting
with the native Array.sort function. In this article I'll show you how
to sort an array of objects in JavaScript with no fuss or bother..."
https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/


+08: MISCELLANEOUS.

World Wide Web, Not Wealthy Western Web (Part 1)
By Bruce Lawson.
"'There are more things in heaven and earth, Horatio, than are dreamt
of in your philosophy,' said Shakespeare's Hamlet, in the famous scene
in which Hamlet teaches Horatio to be a web designer..."
https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/

Accessibility and the Web of Things - an interview with Dr Scott
Hollier and W3C WAI's Shadi Abou-Zahra
By Scott Hollier.
"While lots of people are passionate about the digital access cause,
Shadi Abou-Zahra, the W3C Accessibility Strategy and Technology
Specialist, is one of the hardest-working and dedicated people I've
ever met in the field, and a great bloke too..."
http://www.accessiq.org/news/w3c-column/2017/02/accessibility-and-the-web-of-things-an-interview-with-dr-scott-hollier-and


+09: NAVIGATION.

Design Better Cards
By Andrew Coyle.
"The component that symbolizes the web..."
https://uxdesign.cc/design-better-cards-c0d12ab581c4


+10: STANDARDS, GUIDELINES & PATTERNS.

U.S. Web Design Standards
By Standards USA.
"Announcing Version 1.0. After a year and a half of development and
user research, we're officially launching version 1.0 of the U.S. Web
Design Standards..."
https://standards.usa.gov/


+11: USABILITY.

Comparison Tables for Products, Services, and Features
By Kate Meyer.
"Use this versatile GUI tool to support users when they need to make a
decision that involves considering multiple attributes of a small
number of offerings. Consistency in content, scannability, and a
simple layout are some of the most important qualities of successful
comparison tables."
https://www.nngroup.com/articles/comparison-tables/

A Theory of User Delight: Why Usability Is the Foundation for
Delightful Experiences
By Therese Fessenden.
"UI embellishments can only produce surface delight; deep delight can
only be achieved in functional, reliable, and usable interfaces."
https://www.nngroup.com/articles/theory-user-delight/

Why is Getting Stakeholder Buy-In Important for UX? (Video)
By Catherine Toole.
"Catherine Toole discusses her experience getting successful
improvements made during decades of projects: almost always the same
big issue dictates success."
https://www.youtube.com/watch?v=lYrgIA_Scbc

Complex Doesn't Equal Complicated (TED Video)
By Deborah Edwards-Onoro.
"It's the beginning of the week, and you're trying to address a
complex problem in one of your projects..."
https://www.lireo.com/complex-doesnt-equal-complicated-ted-video/

Design Principles: Hick's Law - Quick Decision Making
By Anton Nikolov.
"This week's design principle is focusing on Hick's Law, which is
related to the KISS principle..."
https://uxplanet.org/design-principles-hicks-law-quick-decision-making-3dcc1b1a0632

Design for Fingers, Touch, and People, Part 1
By Steven Hoober.
"...Sometimes readers combine my obsolete data with other out-of-date
information, then draw their own incorrect conclusions. I hope put a
stop to that now with this updated overview of everything I know about
how people interact with touchscreen devices and how you can use that
information to design better digital products..."
http://www.uxmatters.com/mt/archives/2017/03/design-for-fingers-touch-and-people-part-1.php


+12: XML.

SVG Animation Demo: Heating Water, from Ice to Steam
By Charles McCathieNevile.
"Using SVG animation and aria-live to make an accessible interactive
STEM demo..."
http://svg-access-w3cg.github.io/use-case-examples/beaker.html
Accessibility Notes by Chaals:
http://svg-access-w3cg.github.io/use-case-examples/beaker-notes.html
Slides by Leonie Watson:
http://ljwatson.github.io/decks/2017/csun/index.html

[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:lcar...@d.umn.edu


[Issue ends.]

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Web Design Update: March 1, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 36, March 1, 2018.

An email newsletter to distribute news and information about web design and development.

++ISSUE 36 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: EVENTS.
05: HTML.
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.

WCAG 2.1 Candidate Recommendation - What it Means for Level AA Compliance
By Scott Hollier.
"…With WCAG 2.1 reaching a near-complete stage its a great time to look at all this in a bit more detail
and focus on what additional work would be required by ICT professionals to meet WCAG 2.1 Level AA compliance…"
http://www.hollier.info/wcag21cr/

The WCAG 2.1 Final Draft is Here - And It's Doable
By Essential Accessibility.
"Last December, we discussed the new update to the Web Content Accessibility Guidelines (WCAG),
which will be made official in a few months…"
https://www.essentialaccessibility.com/blog/wcag-update-final-draft/

5 Questions to Ask Before Publishing PDFs
By By Deborah Edwards-Onoro.
"Mention PDFs (Portable Document Format) to a group of web professionals these days, and you're guaranteed
to get a lively discussion about the benefits and disadvantages of the PDF file…"
https://www.lireo.com/5-questions-to-ask-before-publishing-pdfs

Mobile Apps Accessibility! Is It Impossible?
By Rakesh Paladugula.
"Mobile apps accessibility is something always make me upset…"
http://www.maxability.co.in/2018/02/mobile-apps-accessibility-impossible/

Stakeholder Job Stories for Accessibility Guidelines
Editors: Charles Hall, Shawn Lauriat, and Jeanne Spellman.
"As part of a use-centered design process, the Silver Community Group and the Silver Task Force of the Accessibility
Guidelines Working Group (AGWG) identified 31 stakeholder roles for users of accessibility guidelines…"
https://www.w3.org/community/silver/stakeholder-job-stories

Accessibility Testing for Beginners
By Andrea Fercia.
"In-depth accessibility testing requires knowledge and experience. But even if you're not a specialist,
you can start testing for accessibility today…"
https://yoast.com/dev-blog/accessibility-testing-for-beginners

How We've Made GOV.UK Elements Even More Accessible
By Anika Henke.
"…We wanted to look at more than 40 different elements and components.
And we needed to test a lot of these elements in context…"
https://accessibility.blog.gov.uk/2018/02/28/how-weve-made-gov-uk-elements-even-more-accessible/


+02: CASCADING STYLE SHEETS.

Styling Empty Cells With Generated Content And CSS Grid Layout
By Rachel Andrew.
"…In this article, I am going to take a look at how to use CSS Generated Content to achieve styling of empty cells
without adding redundant empty elements and show some use cases where this technique makes sense…"
https://www.smashingmagazine.com/2018/02/generated-content-grid-layout/

How Browsers Handle Errors in CSS - 3/7 Resilient CSS (Video)
By Jen Simmons.
"How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself."
https://www.youtube.com/watch?v=NJjlzxud4_M

Revisiting Margin Collapse
By Adam Laki.
"Margin collapse is something that mentioned in every CSS book's first or second chapter. When I learned about
the stylesheets in a long time ago, of course, I read about it. These memories a little bit wore out so its time to refresh my knowledge…"
https://pineco.de/revisiting-margin-collapse/

30 Seconds of CSS
By atomiks.
"A curated collection of useful CSS snippets you can understand in 30 seconds or less."
https://atomiks.github.io/30-seconds-of-css/

Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc
By Zell Liew.
"Vertical Rhythm is an important concept in web design. It has the ability to bring a design together
and make different elements feel consistent on the same page…"
https://zellwk.com/blog/responsive-vertical-rhythm/


+03: EVALUATION & TESTING.

UX Expert Reviews
By Aurora Harley.
"Expert reviews involve the analysis of a design by a UX expert
with the goal of identifying usability problems and strengths."
https://www.nngroup.com/articles/ux-expert-reviews/

Do Novices or Experts Uncover More Usability Issues?
By Jeff Sauro.
"Finding and fixing problems encountered by participants through usability testing generally
leads to a better user experience…"
https://measuringu.com/novice-expert-issues/


+04: EVENTS.

Event Apart Boston
June 25-27, 2018.
Boston, Massachusetts, U.S.A
https://aneventapart.com/event/boston-2018

Advanced CSS Layouts With Flexbox and CSS Grid
June 28, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/advanced-css-layouts-with-flexbox-and-css-grid-toronto/

New Front-End Adventures in Responsive Design
June 28, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/new-front-end-adventures-in-responsive-design-toronto/

Institutional Web Management Workshop
July 11-13, 2018.
York, England, United Kingdom
http://iwmw.org/iwmw2018/


+05: HTML.

HTML Source Order and When There's No CSS (Video)
By Jen Simmons.
"Its important to create HTML that works without CSS - setting your source order and semantic markup
before you even get started with your layout. When is it there's no CSS? Jen Simmons will show you…"
https://www.youtube.com/watch?v=C82zB_yaGF8


+06: MISCELLANEOUS.

Interview with Glenda Sims - Part 1
By Nicolas Steenhout.
"Glenda Sims is Deque's lead of Accessibility Methodology Practice and Quality. She has been doing
digital accessibility since before 2000, and it's her passion…"
https://www.patreon.com/posts/a11y-rules-29-1-17054522

David MacDonald - The GodFather of WCAG (Podcast)
By AT Banter.
"This week David MacDonald, president of CanAdapt and long-time WCAG and web accessibility guru,
calls in to make the Banter Boys an offer they can't refuse - namely making the online world a more accessible space…"
https://atbanter.com/2018/02/23/at-banter-episode-90-david-macdonald-the-godfather-of-wcag/

Everything Easy is Hard Again
By Frank Chimero.
"…It's by keeping our work legible that we keep the door open to the next generation of our co-workers.
What works for them also works for us, because whether you are just out of school or have twenty years
of experience, you'll eventually end up in the same spot: your first year of making websites."
https://frankchimero.com/writing/everything-easy-is-hard-again/

We Need Design That is Faster and Design That is Slower
By Jeffery Zeldman.
"…How can we tell which sites should be faster, and which should be slower? It's easy.
If the content is delivered for the good of the general public, the presentation must facilitate slow, careful reading.
If it's designed to promote our business or help a customer get an answer to her question, it must be designed for speed of relevancy."
http://www.zeldman.com/2018/02/24/need-design-faster-design-slower/

AMP News
By Chris Coyier.
"AMP is controversial, to say the least…"
https://css-tricks.com/amp-news/

AMP for Email is a Terrible Idea
By Devin Coldewey.
"Google just announced a plan to 'modernize' email with its Accelerated Mobile Pages platform,
allowing 'engaging, interactive, and actionable email experiences.'…"
https://techcrunch.com/2018/02/13/amp-for-email-is-a-terrible-idea/


+07: USABILITY.

If Google Wanted to Get Found in Google
By Gerry McGovern.
"Google isn't optimized for Google. It's optimized for searching and finding. Focus on the task of your customers
and you are much more likely to get found, used and valued."
http://gerrymcgovern.com/if-google-wanted-to-get-found-in-google/

UX Mapping Methods: When to Use Which (Video)
By Sarah Gibbons.
"UX mappings are visual representations that depict different processes and have different goals,
yet they all build common ground within an organization."
https://www.nngroup.com/videos/ux-mapping-methods/

Dashboard Design User Experience Guidelines
By Justin Mifsud.
"…The success of a dashboard should be evaluated in terms of the user’s ability to identify and understand the
individual figures, patterns and trends bound to the data being represented. This can only be achieved as a result
of various design considerations that go beyond the aesthetical nature…"
https://usabilitygeek.com/dashboard-design-user-experience-guidelines/

Live Chat Software: The Quick & Dirty UX 101
By Roxanne Abercrombie.
"…Done well, live chat is a UX boon that opens up communication for your website visitors. Poorly done,
it is disappointing at best and damaging at worst. So, use this quick overview to start getting your hands dirty in live chat UX…"
https://usabilitygeek.com/live-chat-software-user-experience-guidelines/


[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:
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:lcar...@d.umn.edu


[Issue ends.]

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Web Design Update: February 15, 2018

David Dillard
 



+++ WEB DESIGN UPDATE.
- Volume 16, Issue 34, February 15, 2018.

An email newsletter to distribute news and information about web design and development.

++ISSUE 34 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: EVENTS.
05: HTML.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: NAVIGATION.
09: TYPOGRAPHY.
10: USABILITY.
11: XML.

SECTION TWO:
12: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility vs. Inclusive Design: My Point of View
By Dennis Deacon.
"…Rather than focusing on providing remediation steps, teach accessible considerations when designing
or coding upfront. You-ll reduce the time and resources needed to repeatedly remediate websites and apps.
And that is better for all."
https://www.lireo.com/accessibility-vs-inclusive-design-my-point-of-view/

Accessibility: Review of 2017 and Outlook for 2018
By Shadi Abou-Zahra.
"2017 was another busy year for the W3C Web Accessibility Initiative (WAI)…"
https://www.w3.org/blog/2018/02/accessibility-review-of-2017-and-outlook-for-2018/

CAPTCHA Accessibility
By Orange.
"A CAPTCHA ('Completely Automated Public Turing-test to tell Computers and Humans Apart')
is an automated test aimed at telling apart a human user from a software program…"
http://a11y-guidelines.orange.com/web_EN/captcha.html

Personalization Semantics Content Module First Public Working Draft, and Personalization Semantics Explainer
By Michael Cooper.
"The Accessible Rich Internet Applications (ARIA) Working Group has published a First Public Working Draft
of Personalization Semantics Content Module 1.0 as well as an updated draft of Personalization Semantics Explainer 1.0…"
https://lists.w3.org/Archives/Public/w3c-wai-ig/2018JanMar/0148.html

What's in Your Toolbox? Accessibility Tips for Developers (Video)
By Paul J. Adam.
"Learn about tools & techniques for developers for accessibility testing…"
https://www.youtube.com/watch?v=5kQbRKcRfHo

How To Meet the Needs of Older Internet Users
By Rakesh Paladugula.
"People who were in in their 40s during the internet boom of the late 90s will now be coming into retirement,
suggesting a new wave of tech savvy seniors. There are increasing numbers of tech startups aimed at the elderly,
but those aged 55+ are still only 3% of total internet users. In a world increasingly dependent…"
http://www.maxability.co.in/2018/02/meet-needs-older-internet-users/


+02: CASCADING STYLE SHEETS.

CSS Basics: The Syntax That Matters & The Syntax That Doesn't
By Chris Coyier.
"When you're starting to play around with CSS at the very beginning,
like any other language, you have to get used to the syntax…"
https://css-tricks.com/css-basics-syntax-matters-syntax-doesnt/

Basics of CSS Grid: The Big Picture (Video)
By Jen Simmons.
"Jen Simmons describes the overall big picture of CSS Grid…"
https://www.youtube.com/watch?v=FEnRpy9Xfes

Into the Weeds of CSS Layout (Video)
By Rachel Andrew.
"There are lots of reasons to get excited about new layout methods in CSS,
but what impact does moving to Flexbox and Grid have on performance…"
https://vimeo.com/254679499

How I Design with CSS Grid
By Chen Hui Jing.
After a couple of rounds of introducing CSS grid to people who haven't tried it before,
I found it wasn't the implementation of grid that people asked questions about, rather, it was the bit before that.
https://www.chenhuijing.com/blog/how-i-design-with-css-grid/

Pour Holy Web Compatibility in Your CSS Font
By Karl Dubost.
"Yet another Webcompat issue with the characters being cut in the bottom, this will
join the other ones, such as cross characters not well centered in a rounded box and many other cases…"
http://www.otsukare.info/2018/02/09/android-font-css

Modern CSS Explained For Dinosaurs
By Peter Jang.
"CSS is strangely considered both one of the easiest and one of the hardest languages to learn as a web developer…"
https://medium.com/actualize-network/modern-css-explained-for-dinosaurs-5226febe3525


+03: EVALUATION & TESTING.

The 9 Rules of Design Research
By Erika Hall.
"Lately, I've noticed a lot more ambient enthusiasm for research among
both early stage start-ups and established organizations…"
https://medium.com/mule-design/the-9-rules-of-design-research-1a273fdd1d3b

Beyond the NPS: Measuring Perceived Usability with the SUS, NASA-TLX,
and the Single Ease Question After Tasks and Usability Tests
By Page Laubheimer.
"Post-test questionnaires like the SUS measure perceived usability of an entire system;
post-task scales suggest of problematic parts of a design."
https://www.nngroup.com/articles/measuring-perceived-usability/

The User Experience of Flower Websites
By Jeff Sauro.
"…A two-part UX benchmark (retrospective and task-based) analysis of flower websites
was conducted in 2018 using 320 participants. The overall user experience of the industry
was slightly above average compared to the websites in the SUPR-Q database and similar
to the 2017 data. The biggest driver of both poor SUPR-Q scores and low task completion
rates are the hidden fees and lack of price transparency. What consumers see as estimated
totals in their shopping carts on average increased by 50% or in some cases, even doubled,
by the time they checked out."
https://measuringu.com/flower-ux/

Talk is Cheap: The Myth of the Focus Group
By Liza Featherstone.
"Focus groups make us feel our views matter - but no one with power cares what we think."
https://www.theguardian.com/news/2018/feb/06/talk-is-cheap-the-myth-of-the-focus-group


+04: EVENTS.

a11yMTL Annual Conference
February 24, 2018.
Montreal, Quebec, Canada
https://www.meetup.com/a11yMTL/events/247721624/

ACT Rules for Manual Web Accessibility Evaluation Methodologies
March 14, 2018.
Online
https://www.w3.org/WAI/Tools/webinar1

Confab Central 2018
May 21-23, 2018.
Minneapolis, Minnesota, U.S.A.
http://confabevents.com/events/central-2018

International PHP Conference
June 4-8, 2018.
Berlin, Germany
https://phpconference.com/

The CSS & SVG Power Combo
June 25, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/css-svg-combo-toronto/

SmashingConf Toronto 2018
June 26-27, 2018.
Toronto, Canada
https://www.smashingmagazine.com/events/toronto-2018/


+05: HTML.

Title Texts Suck
By Hampus Sethfors.
"Many people I meet think title texts, also known as tooltips, improve both the accessibility and usability of their sites.
They don't. In fact, they can even cause problems. Let's see why…"
https://axesslab.com/title-texts-suck/

HTML, CSS, and Dependency Direction
By Jens Oliver Meiert.
"…What I wish to do here is not critique the ending of this otherwise instructive article,
but to look at one great aspect, dependency direction…"
https://meiert.com/en/blog/dependency-direction/


+06: JAVASCRIPT.

The JavaScript Supply Chain Paradox: SRI, CSP and Trust in Third Party Libraries
By Troy Hunt.
"A couple of years back as the US presidential campaign was ramping up, the Trump camp did something stupid.
I know, we're all shocked but bear with me because it's an important part of the narrative of this post.
One of their developers embedded this code in the campaign's donation website…"
https://www.troyhunt.com/the-javascript-supply-chain-paradox-sri-csp-and-trust-in-third-party-libraries/


+07: MISCELLANEOUS.

The History of the Web
By Jay Hoffmann.
"The history of the World Wide Web absolutely fascinates me.
So much so, that I've decided to create a more or less definitive timeline of events…"
https://thehistoryoftheweb.com/

The (Mostly) Complete History of Layout on the Web Part 1: Liquid Cool
By Jay Hoffmann.
"…As far as I can tell the first liquid layout was used on ProjectCool in 1996…"
https://thehistoryoftheweb.com/mostly-complete-history-layout-web-part-1-liquid-cool/

A Letter About Google AMP
By 21 Original signatories plus supporting signatories and organizations.
"We are a community of individuals who have a significant interest in the development and health
of the World Wide Web ('the Web'), and we are deeply concerned about Accelerated Mobile Pages ('AMP'),
a Google project that purportedly seeks to improve the user experience of the Web…"
http://ampletter.org/

The Two Faces of AMP
By Tim Kadlec.
"…Look, AMP, you-re either a tool for the open web, or you-re a tool for Google search.
I don-t mind if you-re the latter, but please stop pretending you-re something else."
https://timkadlec.com/remembers/2018-02-14-the-two-faces-of-amp/


+08: NAVIGATION.

Creating Accessible Menus and Mega Menus
By Bryan Garaventa.
"The meaning of the word 'menu' within web technologies is variable and encompasses many different types of functionality…"
https://www.levelaccess.com/challenges-mega-menus-standard-menus-make-accessible/


+09: TYPOGRAPHY.

When East Meets West: Web Typography and How It Can Inspire (Video)
By Chen Hui Jing.
"This talk traces the parallel history of western and eastern typography from handwriting to the internet age,
setting the context for how the web is a brand new medium for typesetting…"
https://www.youtube.com/watch?v=Tqxo269aORM


+10: USABILITY.

Inverted Pyramid: Writing for Comprehension
By Amy Schade.
"The inverted-pyramid style of writing refers to starting an article with the most important piece of information
so readers can get the main point, regardless of how much they read.
This style of writing is perfectly suited to writing for the web."
https://www.nngroup.com/articles/inverted-pyramid/

Research Review Finds Most Readability Formulas Outdated and Overrated
By Karen Schriver.
"…A research review by Dr. Karen A. Schriver-'Plain Language in the United States Gains Momentum:
1940-2015'-takes a hard look at readability formulas…"
http://centerforplainlanguage.org/most-readability-formulas-outdated/

10 UX Challenges for the Next 25 Years (Video)
By Jakob Nielsen.
"Jakob Nielsen presents his UX directions for the future: How UX roles will evolve,
and how UX involvement can solve major challenges for the world."
https://www.nngroup.com/videos/10-ux-challenges-next-25-years-jakob-nielsen-keynote/


+11: XML.

XML is 20
By Tim Bray.
"'It was twenty years ago today/Sergeant Pepper taught the band to play…'
Actually, it was 21½ years ago today that Jon Bosak pulled together the original XML Working Group.
But yes, it was on February 10, 1998 that XML 1.0 was released to the world. Which is worth talking about…"
https://www.xml.com/articles/2018/02/10/xml-20/


[Section one ends.]


++ SECTION TWO:

+12: 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:lcar...@d.umn.edu


[Issue ends.]


 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 16, Issue 35, February 22, 2018.

David Dillard
 



 

An email newsletter to distribute news and information about web design and development. 

++ISSUE 35 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: TOOLS.
09: USABILITY.

SECTION TWO: 
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Tables, CSS Display Properties, and ARIA
By Adrian Roselli.
"This post has two separate but related things going on. One is an example of one of my responsive tables with ARIA added, and the other is the Twitter conversation that started this along with some generalized responses…"
http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html

Short Note on Hiding Stuff in Interactive Elements from Screen Readers
By Steve Faulkner.
"Symbols are cool. They add decoration and/or information to user interfaces. For screen reader users their inclusion can sometimes be annoying or confusing as the visual and aural user interface differ…"
https://developer.paciellogroup.com/blog/2018/02/short-note-on-hiding-stuff-in-interactive-elements-from-screen-readers/

Assistive Technologies - The Switch
By Hampus Sethfors.
"A switch is an assistive technology primarily used by people with motor impairments to access and control computers, smartphones, electric wheelchairs, smart home appliances and more…"
https://axesslab.com/switches/

Takeaways from 7 Principles of Inclusive Design
By Deborah Edwards-Onoro.
"In her 7 Principles of Inclusive Design webinar today, Henny Swan, director of user experience at The Paciello Group, discussed how accessibility and inclusive design fit together to create usable websites and web apps that work for everyone…"
https://www.lireo.com/takeaways-7-principles-inclusive-design/

GitHub Contributions Chart
By Adrian Roselli.
"…the contributions chart is wildly inaccessible…if it is as important as many claim, then it needs to be rebuilt…"
http://adrianroselli.com/2018/02/github-contributions-chart.html

How to Scale Your Accessibility Initiatives By Empowering & Equipping Your Workforce
By Dennis Lembree. 
"Great accessibility doesn't just happen…"
https://www.deque.com/blog/empowering-equipping-workforce-a11y-success/

It's Illegal to Have an Inaccessible Website in Norway - and That's Good News for All of Us
By Ida Aalen.
"Laws can change attitudes, and changed attitudes can change how we act.…"
https://medium.com/confrere/its-illegal-to-have-an-inaccessible-website-in-norway-and-that-s-good-news-for-all-of-us-b59a9e929d54

Section 508 Refresh: Five Things You Should Know
By Equal Entry.
"…All products must now conform to the Web Content Accessibility Guidelines 2.0 (WCAG) level A and AA standards. Even if your product is not for the web, you are still accountable to WCAG as it is…"
https://equalentry.com/section-508-refresh-five-things-you-should-know/

Countries that Have Adopted WCAG Standards (Map Updated)
By Sofia Enamorado. 
"…Many countries around the world have adapted WCAG into their accessibility laws…"
https://www.3playmedia.com/2017/08/22/countries-that-have-adopted-wcag-standards-map/

H.R. 620 Vote Enables Discrimination and Ignores Website Accessibility
By Kim Krause Berg.
"The outcry from advocates for the disabled gained momentum as the day to vote approached, but in the end H.R. 620 was passed and 51 million Americans with disabilities face losing their civil rights again…"
https://searchnewscentral.com/blog/2018/02/21/h-r-620-vote-enables-discrimination-ignores-website-accessibility/

HR620 Passes in the House
By Nicolas Steenhout.
"…if we complain about accessibility, it's because we require access now, not six months down the road…"
https://knowbility.org/hr620-passes-house/


+02: CASCADING STYLE SHEETS.

Everything You Need to Know about CSS Variables
By Ohans Emmanuel.
"…In this guide, I'll show you how variables work natively in CSS, and how you can use them to make your life a lot easier…"
https://medium.freecodecamp.org/everything-you-need-to-know-about-css-variables-c74d922ea855

Whitespace on The Web! - with CSS Grid (Video)
By Jen Simmons.
"CSS Grid makes it possible to have real white space on the web for the first time since we started using CSS for layouts…"
https://www.youtube.com/watch?v=YfIjFeBLhyA

CSS Grid for UI Layouts
By Josh Marinacci.
"…In this article I'll show you how to use CSS Grid to improve application layouts that need to respond and adapt to user interactions and changing conditions, and always have your panels scroll properly…"
https://hacks.mozilla.org/2018/02/css-grid-for-ui-layouts/

10 Handy CSS Grid Code Snippets
By Jake Rocheleau.
"…This collection should offer plenty of resources to help you learn, customize, and restyle CSS grids for whatever you're doing on the web…"
https://speckyboy.com/10-handy-css-grid-code-snippets/


+03: COLOR.

High Contrast Option for Color Contrast
By Dennis Lembree.
"Most of use are aware of the color contrast guideline in WCAG 2.0 AA which states…"
http://www.webaxe.org/high-contrast-option-for-color-contrast/


+04: EVALUATION & TESTING.

Understanding Accessibility Testing: Think like a Dweller, Not a Builder
By Albert Gareev.
"…testing software design and implementation requires particular test techniques and a certain mindset: You need to think not like the builder of a house, but like the person who will make it their home…"
https://www.stickyminds.com/article/understanding-accessibility-testing-think-dweller-not-builder

Affinity Diagramming for Collaboratively Sorting UX Findings and Design Ideas
By Kara Pernice. 
"Affinity diagramming has long been used in business to organize large sets of ideas into clusters. In UX, the method is used to organize research findings or to sort design ideas in ideation workshops."
https://www.nngroup.com/articles/affinity-diagram/

How to Write a User Testing Report that People Will Actually Read
By Matt Isherwood.
"Over the decade or so I've been a UX designer, I've run a lot of user tests…"
https://uxdesign.cc/how-to-write-a-user-testing-report-that-people-will-actually-read-652d15d2f92e

Measure What Matters
By Jared Spool.
"…The quantitative data that we collect often drives important product decisions, but numbers garnered from out-of-the-box solutions like Google Analytics often generate arbitrary data points that don't really tell us much. Metrics paint only part of the picture: the what, and not the why. For the why to happen, we need qualitative measures. We need the narrative behind the numbers to establish and track metrics that provide true insight into the user experience, the value, and the outcome of what we create."
https://www.uie.com/brainsparks/2018/02/21/measure-what-matters-2/


+05: EVENTS.

Overcoming the Challenges of Designing UX at Scale
March 8, 2018.
Richfield, Minnesota, U.S.A 
http://uxpamn.org/event-2830038

John Slatin AccessU 2018
May 14-16, 2018.
Austin, Texas, U.S.A 
https://knowbility.org/education/accessu/

M-Enabling Summit
June 11-13, 2018.
Washington, DC, U.S.A 
http://www.m-enabling.com/

Fluent Conference
June 12-14, 2018.
San Jose, California, U.S.A.
https://conferences.oreilly.com/fluent/fl-ca

National ADA Symposium
June 17-20, 2018.
Pittsburg, Pennsylvania, U.S.A 
http://www.adasymposium.org/

Assistive Technology and Testing with Assistive Technology
June 20, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=524

UXPA International Conference
June 26-June 28, 2018.
Rio Mar, Puerto Rico
http://uxpa2018.org/


+06: HTML.

Updating All the Examples in the HTML5 Spec
By Terence Eden.
"I'm currently helping to edit the HTML5 specification. As part of our preparations for HTML5.3 I've started going through the provided examples and improving them.
This blog post explains the what, why, and when of the process…"
https://shkspr.mobi/blog/2018/02/updating-all-the-examples-in-the-html5-spec/


+07: JAVASCRIPT.

The JavaScript Learning Landscape in 2018
By Jason Rodriguez. 
"Raise your hand if this sounds like you:
You've been in the tech industry for a number of years, you know HTML and CSS inside-and-out, and you make a good living. But, you have a little voice in the back of your head that keeps whispering, "It's time for something new, for the next step in your career. You need to learn programming."…"
https://css-tricks.com/javascript-learning-landscape-2018/


+08: TOOLS.

Unused CSS
By Jitbit.
"Scan your website for unused CSS selectors."
https://www.jitbit.com/unusedcss/


+09: USABILITY.

Confirmation Dialogs Can Prevent User Errors - If Not Overused
By Jakob Nielsen.
"8 UX guidelines to avoid many serious user errors reduce the risk that people automatically agree to a warning without realizing the consequences."
https://www.nngroup.com/articles/confirmation-dialog/

The 3 B's Test For When to Follow Design Trends (Video)
By Katie Sherwin.
"Know when to follow or banish a design trend. The 3 B's: Budget, Brand, and Behavior will help you make the right decisions.
https://www.nngroup.com/videos/3-bs-design-trends/

Really Bad UX Mistakes That Even Great Teams Make
By Jonathan Kim.
"Some of your most important UX decisions will be the things you don't do…"
https://www.appcues.com/blog/bad-ux-mistakes

A Comprehensive Guide To UI Design
By Christopher Murphy.
"…my fifth article in this series of ten articles dives into the details of designing user interface components…"
https://www.smashingmagazine.com/2018/02/comprehensive-guide-ui-design/


++ SECTION TWO:

+10: 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:lcar...@d.umn.edu 


[Issue ends.]

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

webdev › Web Design Update: February 8, 2018 1 post by 1 author

David Dillard
 



 

lcarlson
image.png
2/8/18
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 33, February 8, 2018.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 33 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: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: STANDARDS, GUIDELINES & PATTERNS.
09: USABILITY.

SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Simplifying the New WCAG 2.1 Guidelines
By Michael Gower.
"Recommendations for new accessibility guidelines were released on
January 30, 2018 by the World Wide Web Consortium (W3C). In this new
draft version of the Web Content Accessibility Guidelines (WCAG), none
of the current 2.0 Success Criteria have been altered. Instead, 17
additional criteria have been recommended for 2.1…"
https://www.ibm.com/blogs/age-and-ability/2018/02/08/simplifying-new-wcag-2-1-guidelines/

The Fate of 'Target Size'
By Detlev Fischer.
"The last draft of the WCAG 2.1 contained a new Success Criterion
'Target Size' (size of buttons, form controls or links), which is now
missing in the Candidate Recommendation of WCAG 2.1…"
http://www.incobs.de/articles/items/target-size-fate.html

My Accessibility Journey: What I have Learned so Far
By Manuel Matuzović.
"It's not about writing the most sophisticated code or finding the
most clever solution to a problem; it's about users and whether
they're able to use our products. Manuel Matuzovic shares 11 lessons
as a developer learning about and incorporating accessibility into his
work."
https://alistapart.com/article/my-accessibility-journey-what-ive-learned-so-far

Accessibility: A Shared Campus Responsibility Best Accomplished with
Executive Support
By Susan Cullen.
"Those of us who are members of the EDUCAUSE IT Accessibility
Constituent Group have spent considerable time discussing the
importance of the strong executive leadership and planning needed to
support the accessibility policies and campus accessibility planning
required for compliance with disability legislation. Without planning
and leadership, a college or university could find itself among the
approximately 400 institutions being targeted - by the activist Marcie
Lipsitt - to fix their websites…"
https://er.educause.edu/articles/2018/1/accessibility-a-shared-campus-responsibility-best-accomplished-with-executive-support

WCAG 2.0 - Understandable & Robust (Video)
By Dennis Deacon.
"For this meetup event, we're wrapping up our Web Content
Accessibility Guidelines (WCAG) series."
https://www.youtube.com/watch?v=fscSeaRglB0

Toast! Is it Accessible?
By Rakesh Paladugula.
"A toast is a non modal that appears on the screen for few seconds and
auto expires…"
http://www.maxability.co.in/2018/02/toast-is-it-accessible/

Multiple Choice with Radio Buttons: A Comparison of Online Survey Tools
By Terrill Thompson.
"…This blog post documents my quest for an online tool for conducting
the survey…"
http://terrillthompson.com/blog/854

Accessibility and the Web of Things (WoT), Part 2
By Graeme Coleman.
"Just over a year ago, I wrote about TPG joining the W3C Web of Things
(WoT) Interest and Working Groups, so I thought it was about time I
provided an update on some of the activities the group is involved in,
particularly now that I am now more actively involved after spending
my first several months keeping a watching brief…"
https://developer.paciellogroup.com/blog/2018/02/accessibility-and-the-web-of-things-wot-part-2/

BarBri Settles Lawsuit Over Blind Access to Online Bar Review Components
By Tyler Roberts.
"Blind law students enrolled in a bar exam class offered by BarBri,
Inc. settled their claims which alleged the bar prep company denied
them fair and equal access to critical components of BarBri's online
test prep offerings…"
http://www.nationaljurist.com/national-jurist-magazine/barbri-settles-lawsuit-over-blind-access-online-bar-review-components


+02: CASCADING STYLE SHEETS.

Using Media Queries For Responsive Design In 2018
By Rachel Andrew.
"…This article will take a look at the use of media queries for
responsive design today, and also have a look at what is coming in the
future…"
https://www.smashingmagazine.com/2018/02/media-queries-responsive-design-2018/


+03: COLOR.

Accessibility for Mobile Web: Improving Color Contrast
By CB Averitt.
"Color contrast is a hot topic in the area of accessibility testing.
And often overlooked, are accessibility color contrast best practices
specific to mobile web…"
https://www.deque.com/blog/accessibility-mobile-web-improving-color-contrast/


+04: EVALUATION & TESTING.

What is Design Ethnography?
By David Travis and Philip Hodgson.
"A common mistake made by novice researchers is to ask users what they
want from a new product or service. Although this seems like the
correct way to do user research, in most cases users don't know, don't
care or can't articulate what they need. It is the design team's job
to establish the underlying problem, identify the best solution and
then validate that their solution works. Design ethnography is the
first step on that journey."
https://www.userfocus.co.uk/articles/what-is-design-ethnography.html

Continuous User Research in 11.6 Seconds
By Tomer Sharon.
"…Continuous user research is fast-rhythm research that is open-ended
in nature. It's not dedicated to any specific topic and it's not
research that anyone asks for…"
https://medium.com/@tsharon/continuous-user-research-in-11-6-seconds-57c27d1595c5

Getting Partners on Board with Research Findings
By Angela Colter.
"As a consultant who does user research, I've found that the way
consultants present 'findings and recommendations' to clients isn't
always effective…"
https://18f.gsa.gov/2018/02/06/getting-partners-on-board-with-research-findings/

Use a Research Grid to Focus Study Decisions
By Jeff Sauro.
"…To create a research grid, follow these steps…"
https://measuringu.com/research-grid/


+05: EVENTS.

Accessibility Training
April 10-11, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training

Washington DC UX Conference
April 14-20, 2018.
Washington DC, U.S.A.
https://www.nngroup.com/training/washington-dc/

MinneWebCon
April 23-24.
Minneapolis, Minnesota, U.S.A.
http://minnewebcon.org/

Generate NYC
April 25-27, 2018.
New York, New York, U.S.A.
https://getinvited.to/generate/generate-nyc-2018/

Global Accessibility Awareness Day
May 17, 2018.
Everywhere
http://www.globalaccessibilityawarenessday.org/

Technical Communication Summit
May 20-23, 2018.
Orlando, Florida, U.S.A.
https://summit.stc.org/

Accessibility Conference
May 30-31, 2018.
Guelph, Ontario, Canada
http://accessconf.ca/


+06: HTML.

Can a Heading Go Inside a Table Caption For WCAG Conformance
By David MacDonald.
"I thought it might be a good experiment to see what would happen if a
heading element h1 to h6 went inside a table caption like this…"
http://davidmacd.com/blog/heading-in-a-table-caption.html

Phone Number Links and Accessibility
By Matt Smith.
"One design challenge that used to stump me was making phone numbers
accessible in the browser while still being functional…"
http://allthingssmitty.com/2018/01/29/phone-number-links-and-accessibility/


+07: JAVASCRIPT.

Debugging JavaScript With A Real Debugger You Did Not Know You Already Have
By Dustin Driver.
"The new Firefox JavaScript debugger can help you write fast, bug-free code…"
https://www.smashingmagazine.com/2018/02/javascript-firefox-debugger/


+08: STANDARDS, GUIDELINES & PATTERNS.

A Short History of WaSP and Why Web Standards Matter
By Jason Hoffman.
"…There are still a number of battlegrounds for the open web but,
thanks to the efforts of WaSP, the one for web standards has been
won."
https://css-tricks.com/short-history-wasp-web-standards-matter/


+09: USABILITY.

Flat UI Elements Lack Clickability Clues and Cause Confusion (Video)
By Kate Meyer.
Our eyetracking studies show flat UI design often possess weak
signifiers and lack sufficient clues to indicate actionable elements
on the screen. (5 min."
https://www.nngroup.com/videos/flat-ui-elements-lack-clickability-clues-and-cause-confusion/

The Authority Principle
By Therese Fessenden.
"A perceived high-authority status of the person making a request can
make people more compliant with that request. Applying this principle
in UX can ease users' decision-making process."
https://www.nngroup.com/articles/authority-principle/

The 5 Steps to Service Blueprinting
By Sarah Gibbons.
"Five key steps comprise a framework for service blueprinting that can
be scaled to any scope or timeline.
https://www.nngroup.com/articles/5-steps-service-blueprinting/

The Best UX is No User Interface at All
By Burke Holland.
"I have been obsessed with User Interfaces (UI) for as long as I can remember…"
https://css-tricks.com/best-ux-no-user-interface/

A Primer on the Essential Elements of Successful UX
By Stephen Moyers.
"Whether you're creating an e-commerce app to run on multiple devices
or developing a new cloud-based platform, a well-designed UX can
ultimately set your product apart from the competition…"
https://www.mockplus.com/blog/post/essential-elements-of-successful-ux/

Dear AVG, I'm just going to have to let you go
By Gerry McGovern.
"…The Web is the land of comparison and switch. We've got so much
power today. Let's not let laziness get in the way…"
http://gerrymcgovern.com/dear-avg-im-just-going-to-have-to-let-you-go/


[Section one ends.]


++ SECTION TWO:

+10: 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:lcar...@d.umn.edu


[Issue ends.]

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 16, Issue 32, February 1, 2018.

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 16, Issue 32, February 1, 2018.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 32 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: NAVIGATION.
11: TOOLS.
12: TYPOGRAPHY.
13: USABILITY.

SECTION TWO:
14: What Can You Find at the Web Design Reference Site?

[Contents ends.]

 

 

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 is a Candidate Recommendation
By Andrew Kirkpatrick.
"Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate
Recommendation (CR)…"
https://www.w3.org/blog/2018/01/wcag21-cr/

Understanding WCAG 2.1 - Reviewing Mobile Success Criteria
By Glenda Sims.
"…Our focus today will be on the ten new success criterion related to
accessibility for mobile devices…" Note: Glenda's review is on the
December draft.
https://www.deque.com/blog/understanding-wcag-2-1-reviewing-mobile-success-criteria/

Revised Section 508 Standards Now in Effect
By Michael Gower.
"In the United States, the Revised Section 508 Standards went into
effect on January 18, 2018, a year after the U.S. Access Board
published the final rule of the updated Information and Communication
Technology (ICT) Standards and Guidelines…"
https://www.ibm.com/blogs/age-and-ability/2018/01/25/revised-section-508-standards-now-effect/

What is Web Accessibility?
By Amani Ali.
"Have you ever thought about how a football fan who is blind reads the
latest news about their favourite team…"
https://www.nomensa.com/blog/2018/what-web-accessibility

Embracing Plain Language for Better Accessibility (Video)
By Ashley Bischoff.
"Writing reports and documentation is nothing new for many of us - we
write them all the time. But even though we may do our best write
clearly, those who receive our reports and documentation might not be
as familiar with accessibility as we are."
https://www.youtube.com/watch?v=X7bUvAzpNjo

3 Important Reasons to Make Your Mobile Website Accessible
By Vivian Cullipher.
"…Here's a brief intro into what mobile accessibility means-and why
it's critical that mobile website owners and developers consider
accessibility for people with disabilities from the get go…"
https://www.microassist.com/digital-accessibility/why-make-your-mobile-website-accessible/

Enter The Dragon (Drop): Accessible List Reordering
By Harris Schneiderman.
"Due to the absence of supported ARIA attributes, Dragon Drop utilizes
live regions to convey the information needed for all users to reorder
a list."
https://www.smashingmagazine.com/2018/01/dragon-drop-accessible-list-reordering/

Cheatsheets
By National Center on Disability and Access to Education (NCDAE).
"NCDAE (a WebAIM partner) has created four new accessibility
cheatsheets. These single-page resources outline accessibility
techniques for Word and PowerPoint 2016 for Windows and Mac."
http://ncdae.org/resources/cheatsheets/

Largest Bar Exam Prep Class Provider Agrees to Settlement Over
Allegations of Discrimination Against Blind Students
By Cohen Milstein.
"BarBri, Inc. agrees to revamp core products and internal practices
for improved accessibility…"
https://www.cohenmilstein.com/update/largest-bar-exam-prep-class-provider-agrees-settlement-over-allegations-discrimination

BarBri, Inc Settles Over Claims of Discrimination
By Amanda Griffin.
https://www.jdjournal.com/2018/01/26/barbri-inc-settles-over-claims-of-discrimination/

BarBri Complaint (PDF):
https://www.bloomberglaw.com/iframe/document/X1Q6NLJ9AUO2/download?imagename=1-1.pdf

Federal Complaint Prompts Changes to LPSS Website
By Amanda McElfresh.
"The Lafayette Parish School System is making changes to its website
amid concerns about its accessibility to people with disabilities…"
http://www.theadvertiser.com/story/news/local/education/2018/01/18/federal-complaint-prompts-changes-lpss-website/1044782001/

Tech Platforms and Website Developers Targeted in Emerging Wave of
Website Accessibility Litigation
By Steven E. Helland.
"Blind plaintiff sues sabre technologies for alleged inaccessible
platform Powering WetWillies.com …"
https://www.fredlaw.com/internet_technology_trademark__advertising_alerts/2018/01/18/1771/tech_platforms_and_website_developers_targeted_in_emerging_wave_of_website_accessibility_litigation

Local Disability Lawsuit Part of Broader Battle
By Alyssa Oursler.
"A lawsuit filed Dec. 29 against Highlands Union Bank in U.S. District
Court in Abingdon is one of many of its kind…"
http://www.heraldcourier.com/news/local-disability-lawsuit-part-of-broader-battle/article_d4552925-e6c3-5c61-a6b1-71b44da17834.html


+02: CASCADING STYLE SHEETS.

CSS: The Definitive Guide, 4th Edition
By Eric Meyer, Estelle Weyl.
"We're pleased to share an excerpt from Chapter 19 ('Filters,
Blending, Clipping, and Masking') of CSS: The Definitive Guide, 4th
Edition by Eric Meyer and Estelle Weyl…"
http://alistapart.com/article/css-the-definitive-guide-4th-edition

Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt
CSS Grid Today
By James Y. Rauhut.
"Today, I'm excited to introduce a new open-source tool from IBM
called CSS Gridish…"
https://medium.freecodecamp.org/introducing-css-gridish-helping-teams-to-adapt-css-grid-today-3e031ab222de

Learn Flexbox for Free
By Scrimba.
"12 interactive screencasts to take you from beginner to advanced…"
https://scrimba.com/g/gflexbox

New Adventures in Responsive Web Design (Video)
By Vitaly Friedman.
Vitaly's From Beyond Tellerand Conference presentation.
https://vimeo.com/251516830


+03: COLOR.

What my Color-Blindness Taught Me About Design
By Fei Ren.
"…For every 100 visitors to your website or app, about 5 of them have
a very different visual experience of the content. If your audience is
male, then about 8 out of 100 are affected. It is not a small number.
In fact, it is even higher than the conversation rate for some sites…"
https://uxdesign.cc/what-my-color-blindness-taught-me-about-design-d3009a93ff9c


+04: EVALUATION & TESTING.

Usability Test, Even When You Know the Answer
By Hoa Loranger.
"Evidence from usability studies can be more convincing than what you
say. Test even if you can easily determine the difference between good
and bad designs."
https://www.nngroup.com/articles/test-when-you-know-answer/

52 Research Terms you need to know as a UX Designer
By Guy Ligertwood.
"Your A-Z list of research terms in plain English…"
https://uxplanet.org/51-research-terms-you-need-to-know-as-a-ux-designer-fac0d40a59d7


+05: EVENTS.

Quick and Dirty Ethnography for the Initiate
February 26, 2018.
Online
http://uxpa.org/event/webinars

Live Webinar: Using Personas as an Inclusive Design Tool
February 27, 2018.
Online
https://accessibility.deque.com/creating-ux-design-personas-webinar

Pushing the Boundaries of Web Layout with CSS Grid
March 5, 2018.
Newport Beach, California, U.S.A.
https://uxi.uie.com/workshops/rachel-andrew

UX Immersion Conference
March 5-7, 2018.
Newport Beach, California, U.S.A.
https://uxi.uie.com/

Enhancing the User Experience for People with Disabilities
March 30, 2018.
Online
http://uxpa.org/event/webinars

Usability Testing: Here, There and Everywhere
April 18, 2018.
Online
http://uxpa.org/event/webinars

Ampersand Web Typography Conference
June 29, 2018.
Brighton, England, United Kingdom
https://2018.ampersandconf.com/


+06: HTML.

Building a Good Download… Button?
By Eric Bailey.
"The semantics inherent in HTML elements tell us what we’re supposed
to use them for…"
https://css-tricks.com/building-good-download-button/


+07: INFORMATION ARCHITECTURE.

Why Personas Fail
By Kim Flaherty.
"Personas are useful tools for UX work, so why do they often fail?
Find out what pitfalls cause personas to fail, and how to avoid and
overcome them."
https://www.nngroup.com/articles/why-personas-fail/


+08: JAVASCRIPT.

Survey: JavaScripters Wanted, but Programmers Prefer Python
By David Ramel.
"Technical recruiting company HackerRank says JavaScript is the top
programming language sought by organizations, but developers prefer
Python…"
https://adtmag.com/articles/2018/01/25/hackerrank-survey.aspx


+09: MISCELLANEOUS.

Video as the new GIF in Safari
By Bruce Lawson.
"…One aspect of the release hasn't met with universal acclaim,
however. That's the ability to have a short, silent video as the
source of an <img> element…"
http://www.brucelawson.co.uk/2018/video-as-the-new-gif-in-safari/


+10: NAVIGATION.

A Tale of Two Rooms: Understanding Screen Reader Navigation
By Ryan Jones.
"…One of my goals throughout the many accessibility focused training
classes I have led has been to help others more accurately understand
what it is like for someone using screen reading software to navigate
through a web page…"
https://developer.paciellogroup.com/blog/2018/01/a-tale-of-two-rooms-understanding-screen-reader-navigation/

How to Implement Sitemap Footers to Keep Users Going
By Priscilla Esser.
"…In your attempts to minimize the effort your users need for
performing actions on the website you're designing, you just might be
overlooking one major opportunity: sitemap footers…"
https://www.interaction-design.org/literature/article/how-to-implement-sitemap-footers-to-keep-users-going

Results from the Main Landmark Survey
By Léonie Watson.
"…The fact that 77 people (32%) expected more than one main landmark
was interesting…"
https://developer.paciellogroup.com/blog/2018/01/results-from-the-main-landmark-survey/


+11: TOOLS.

a11y-outline (FireFox Extension)
By Tobias Bengfort.
"Many screen readers like JAWS or NVDA have shortcuts to bring up a
list of landmarks, headings or links. This browser extension provides
the same functionality without requiring a screen reader."
https://addons.mozilla.org/de/firefox/addon/a11y-outline/


+12: TYPOGRAPHY.

How to Use Variable Fonts in the Real World
By Richard Rutter.
"A variable font is a single font file which behaves like multiple styles…"
http://clagnut.com/blog/2390/


+13: USABILITY.

The False-Consensus Effect: You Are Not the User (Video)
By Raluca Budiu.
"The false-consensus effect refers to people's tendency to assume that
others share their beliefs and will behave similarly in a given
context. This assumption can lead UX professionals to make the wrong
design decisions. Acknowledge your vulnerability and establish
checks."
https://www.nngroup.com/videos/false-consensus-effect/

12 Mobile UX Design Trends For 2018
By Nick Babich.
"Things move quickly in the mobile app universe. To succeed in the
field of mobile UX design, designers must have the foresight and
prepare for new challenges around the corner. To simplify the task,
I've listed the biggest, impactful trends for 2018 and, most likely,
beyond…"
https://www.mockplus.com/blog/post/mobile-ux-design-trends-2018/

How Dark UX Patterns Target The Most Vulnerable
By Ben Bate.
"Dark UX patterns help companies maximize profits, but at the expense
of the most vulnerable, and by damaging the web for everyone…"
https://www.webdesignerdepot.com/2018/01/how-dark-ux-patterns-target-the-most-vulnerable/


[Section one ends.]


++ SECTION TWO:

+14: 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:lcar...@d.umn.edu


[Issue ends.]

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

+++ WEB DESIGN UPDATE. - Volume 16, Issue 31, January 25, 2018.

David Dillard
 


webdev

Web Design Update: January 25, 2018
1 post by 1 author
image.png
image.png
lcarlson
image.png
1/25/18
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 31, January 25, 2018.

An email newsletter to distribute news and information about web design and development.

++ISSUE 31 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: EVENTS.
05: HTML.
06: INFORMATION ARCHITECTURE.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: USABILITY.

SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Headings and Labels
By Eric A. Meyer.
"Following on my last two posts about accessibility improvements to meyerweb, I've made two more adjustments: better heading levels and added ARIA labels…"
https://meyerweb.com/eric/thoughts/2018/01/18/headings-and-labels/

Can You Caption 360° Video, Virtual Reality, and 3D Video?
By Sofia Enamorado.
"…With 3D video, adding captions is very straightforward. First, get your video captioned. Next…"
http://www.3playmedia.com/2018/01/18/can-you-caption-360-video-virtual-reality-and-3d-video/

Websites, Not Assistive Tech, Are Key to Accessibility, Say Screen-Reader Users
By Tristan Parker.
"New research into screen-reader usage has revealed the majority of users feel that improving existing websites would have a bigger impact on accessibility compared to better assistive technology…"
http://www.headstar.com/eablive/?p=1450

Accessibility Lists of Lists
By Mike Gifford.
https://github.com/mgifford/a11y-lists-of-lists/blob/master/README.md

Five Ways in Which Artificial Intelligence Changes the Face of Web Accessibility
By Denis Boudreau.
In case you missed it, here is Denis' December 6th 24a11y article.
https://www.deque.com/blog/ways-artificial-intelligence-face-web-accessibility/

Burger King Class Action Says Fast Food Chain's Website Violates ADA
By Anne Bucher.
"Burger King Corp. has been hit with a class action lawsuit filed by a visually-impaired woman who claims the fast food restaurant's website is not fully accessible and independently usable by the plaintiff and other visually-impaired individuals…"
https://topclassactions.com/lawsuit-settlements/lawsuit-news/831860-burger-king-class-action-says-fast-food-chains-website-violates-ada/


+02: CASCADING STYLE SHEETS.

Layout Land (YouTube Channel)
By Jen Simmons.
A new video channel provides information on CSS Grid and layout.
https://www.youtube.com/c/layoutland

CSS GRID
By cssgrid.io.
"Learn CSS Grid with Wes Bos in 25 pretty good videos. From fundamentals to Real World in about 4 hours."
https://cssgrid.io/

Finding Dead CSS
By Harry Roberts.
"During a performance workshop I was running this week, I was reminded of a technique for finding dead CSS on a live site…"
https://csswizardry.com/2018/01/finding-dead-css/


+03: EVALUATION & TESTING.

Writing Tasks for Quantitative and Qualitative Usability Studies
By Kate Meyer.
"All usability studies involve asking participants to perform tasks, but the correct way to write those tasks depends on the methodology you're using. Good quantitative tasks are concrete and focused, while good qualitative tasks are open-ended, flexible, and exploratory."
https://www.nngroup.com/articles/test-tasks-quant-qualitative/

8 Ways to Minimize No Shows in UX Research
By Jeff Sauro.
"…We've been conducting studies every week at MeasuringU for years and have implemented several steps to get no-show rates down to 0. Here are eight of them…"
https://measuringu.com/no-show/


+04: EVENTS.

Get The 411 on Web Content Accessibility Guidelines (WCAG) v2.1
January 29, 2018.
San Francisco, Califorina, U.S.A.
https://www.meetup.com/a11ybay/events/246856968/

WCAG 2.0 - Understandable and Robust
February 7, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/233845838/

Bringing CSS and SVG Back into the Accessibility Spotlight
February 21, 2018.
Online.
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=526

Accessibility Clinic
February 28, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/245151774/

#PerfMatters Conference
March 27-28, 2018.
Redwood City, Califorina, U.S.A.
http://PerfMattersConf.com/


+05: HTML.

What's New in HTML 5.2?
By Jake Bresnehan.
"…In HTML 5.2, there were a number of additions and removals, all of which can be seen on the official HTML 5.2 Changes page. In this article, I'll go over some of the changes I think will impact my development the most…"
http://email.jakebresnehan.com/t/r-l-jrhrntd-xiydriydk-b/


+06: INFORMATION ARCHITECTURE.

Are You Approaching Prototyping All Wrong?
By Paul Boag.
"Too often our prototypes are constrained by politics, legacy technology, and company culture…"
http://boagworld.com/usability/approaching-prototyping-wrong/


+07: JAVASCRIPT.

8 Sites That Work Just Fine Without JS, Thank You
By Ezequiel Bruni.
"…just wanted to show people what could be done. That's it. I'm not saying you should ditch JS entirely, but I do believe that we should be a lot more considered about what we do and don't implement in JavaScript…"
https://www.webdesignerdepot.com/2018/01/8-sites-that-work-just-fine-without-js-thank-you/

aria-expanded Does Not Require a Fallback
By Hidde de Vries.
"When building a control that toggles content in a web app, we can use aria-expanded to let the control know whether the content is shown or hidden…"
https://hiddedevries.nl/en/blog/2018-01-22-aria-expanded-does-not-require-a-fallback

Radically Accessible Internet Applications (Video)
By Marcy Sutton.
Marcy's Beyond Tellerrand presentation.
https://vimeo.com/251520898


+08: MISCELLANEOUS.

The Compact Guide to Web Maintainability: 200 Tips and Resources
By Jens Oliver Meiert.
"Half a year ago I was happy to work with A List Apart to ask our field a few questions about maintainability…"
https://meiert.com/en/blog/maintainability-guide-2/

Handle Bad UX Requests Without Saying No
By Garrett Goldfield.
"UX professionals often receive poorly defined design requests. When saying no is not an option, a more productive way of addressing the request is to focus on the outcome goals and the Return On Investment (ROI) of proper UX effort."
https://www.nngroup.com/videos/handle-bad-ux-requests/


+09: USABILITY.

Captchas Have an 8% Failure Rate, and 29% if Case Sensitive
By Edward Scott.
"…In this article, we'll discuss the test findings from our checkout usability study related to CAPTCHAs…this article covers CAPTCHAs from an e-commerce angle specifically…"
https://baymard.com/blog/captchas-in-checkout

Three Takeaways from the Hawai'i Missile False Alarm
By Dylan Wilbanks.
"…It's not about UI. It is absolutely about people."
http://www.uxbooth.com/articles/three-takeaways-from-the-hawaii-missile-false-alarm/

What Healthcare.gov Has To Do With the Hawaii False Alarm - and What to Do About It
By Erie Meyer.
"By now, you've heard of the Hawaii False Alarm, and about the blowback and blame as people try to sort out how this could have happened…"
https://medium.com/code-for-america/what-healthcare-gov-has-to-do-with-the-hawaii-false-alarm-and-what-to-do-about-it-445cb2b7af82

What the Erroneous Hawaiian Missile Alert Can Teach Us About Error Prevention
By Kim Flaherty.
"People should not be blamed for errors caused by poorly designed systems."
https://www.nngroup.com/articles/error-prevention/

Bad Design Caused Hawaii Missile False Alarm
By Craig Tomlin.
"When it comes to UX Design we can all learn from mistakes, or be doomed to repeat history over and over again…"
http://www.usefulusability.com/bad-design-caused-hawaii-missile-false-alarm

Organize Around the Customer Task
By Gerry McGovern.
"…the greatest challenge all organizations face is to organize around the customer. Those that don't will not survive…"
http://gerrymcgovern.com/organize-around-the-customer-task/

The King vs. Pawn Game of UI Design
By Erik Kennedy.
"If you want to improve your UI design skills, try looking at chess. Sounds contrived, maybe, but in Erik Kennedy's hands, it's sublime. Marvel and learn as he uses a concept from chess to build a toolkit of UI design strategies covering color, typography, lighting and shadows, and more."
http://alistapart.com/article/the-king-vs-pawn-game-of-ui-design

[Section one ends.]


++ SECTION TWO:

+10: 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:lcar...@d.umn.edu


[Issue ends.]

 

 


--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Web Design Update: January 17, 2018

David P. Dillard
 


Web Design Update: January 17, 2018


+++ WEB DESIGN UPDATE.
- Volume 17, Issue 30, January 17, 2019.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 30 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: STANDARDS, GUIDELINES & PATTERNS.
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.

Accessibility Mechanics (Video)
By Jared Smith.
"Jared Smith, Associate Director of WebAIM, will discuss the interplay
between page content (including ARIA), browser parsing/rendering,
accessibility APIs, and assistive technology - something that is
increasingly important for developers to have a sense of when
implementing and testing accessibility…"
https://www.technica11y.org/accessibility-mechanics

Top 10 Low Effort Improvements for Accessible Web Content
By Leandra Silver.
"The creation of accessible sites is a collaborated dance between
designers, user experience specialists, web developers, content
editors, and web accessibility auditors…"
https://medium.com/@leandrasilver/top-10-low-effort-improvements-for-accessible-web-content-13f1e2013113

What You Need to Know About Types of Video Captions
By Meryl Evans.
"Way back in 1983, I got my first caption decoder…"
https://meryl.net/what-you-need-to-know-about-types-of-video-captions/

Tap to Dismiss
By Linzi Berry.
"Designing accessible escape hatches for modals…"
https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a

This Week in Accessibility: Gomez v. GNC
By Sheri Byrne-Haber.
"Gomez v. GNC should serve as a warning to any company facing an
accessibility lawsuit as to the importance of their accessibility
experts actually being experts in accessibility…"
https://medium.com/@sheribyrnehaber/this-week-in-accessibility-gomez-v-gnc-89fee5f26b5f

Big Win for Web Accessibility in Domino's Pizza Case
By Lainey Feingold.
"…the panel of three judges held that, 'the ADA applied to Domino's
website and app because the Act mandates that places of public
accommodation, like Domino's, provide auxiliary aids and services to
make visual materials available to individuals who are blind'…"
https://www.lflegal.com/2019/01/dominos-ninth-circuit/


+02: CASCADING STYLE SHEETS.

When And How To Use CSS Multi-Column Layout
By Rachel Andrew.
"The Multi-column Layout spec is often overlooked as we use Grid and
Flexbox. In this article Rachel Andrew explains why it is different to
other layout methods, and shows some useful patterns and sites which
showcase it well…"
https://www.smashingmagazine.com/2019/01/css-multiple-column-layout-multicol/

An Introduction to CSS Containment
By Manuel Rego Casasnovas.
"…This is a brief blog post trying to give an introduction to the
spec, explain the status of things, the work done during past year,
and some plans for the future…"
https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/

CSS Doesn't Suck
By Any Bell.
"Another week comes along and with it, another assault on CSS…"
https://andy-bell.design/wrote/css-doesnt-suck/


+03: COLOR.

Designing UI with Color Blind Users in Mind
By Rich Staats.
"…in this article, we'll share some tips on how you can improve your
site's accessibility and the experience it delivers for color blind
people…"
https://www.secretstache.com/blog/designing-for-color-blind-users/


+04: EVALUATION & TESTING.

Top Tasks Are the Invisible Gorilla
By Gerry McGovern.
"The top tasks of organizations are often very different to the top
tasks of customers because organizations think and see differently
than customers…"
http://gerrymcgovern.com/top-tasks-are-the-invisible-gorilla/

Does Changing the Order of the NPS Item Affect Results?
By Jeff Sauro.
"…does the order in which items are presented in common metrics like
the Net Promoter Score matter? To investigate this, we need to first
understand order effects in surveys…"
https://measuringu.com/nps-order/


+05: EVENTS.

Time Traveler's Guide to Accessibility Mechanics
January 22, 2019.
New York, New York, U.S.A.
https://www.meetup.com/A11yNYC/events/256947753/

Nurturing a Neurodiverse Workplace
January 23, 2019.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/257913463/
Live stream: https://www.youtube.com/watch?v=BQMMDNLYTgk
Live captions: http://www.streamtext.net/player?event=CDA

Digital Accessibility 101 - The Basics
January 24, 2019.
Cleveland, Ohio, U.S.A.
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/257287270/

Make Your Business Case for Accessibility
January 28, 2019.
Minneapolis, Minnesota, U.S.A.
https://www.meetup.com/Accessibility-Twin-Cities/events/257427253/
        
Designing with Accessibility in Mind
February 11-17, 2019.
Online
https://onlinelearningconsortium.org/learn/olc-new-institute-schedule/institute-offerings/?id=374&cohort=368

2019 Audio Description Institute
February 23-25, 2019.
Alexandria, Virginia, U.S.A.
https://acb.org/2019-leadership-meetings-ADI

Experience Design Week
February 25-27, 2019.
Denver, Colorado, U.S.A.
https://experiencedesignweek.iqpc.com/


+06: HTML.

'Fixing' Lists
By Scott O'Hara.
"In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an
article on the how VoiceOver and Safari (Webkit) (macOS and iOS)
remove list element semantics when list-style: none is used…"
https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html

Accessible Accordions Part 2 - Using <details> and <summary>
By  Graham Armfield.
"In my last post My favourite accessible accordion pattern I discussed
how you could use a combination of HTML elements, some JavaScript and
some appropriate ARIA to create a fully accessible accordion component
that could be used by everyone."
https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/

Which Elements Support Shadow DOM?
By Rob Dodson.
"Is there a list somewhere of which HTML elements can and can't have a
shadow DOM?…"
https://robdodson.me/which-elements-support-shadow-dom/


+07: JAVASCRIPT.

Make Your ARIA Labels Sing on Key
By Becky Gibson.
"The Web Accessibility Initiative Accessible Rich Internet
Applications specification (WAI-ARIA) is a powerful tool to make the
Web more accessible for people using screen readers. Unfortunately
many developers use WAI-ARIA incorrectly…"
https://knowbility.org/blog/2019/ARIA-labels/

It's 2019 and I Still Make Websites with my Bare Hands
By Matt Holt.
"I have no idea how to make a website the way the cool kids do today…"
https://medium.com/@mattholt/its-2019-and-i-still-make-websites-with-my-bare-hands-73d4eec6b7


+08: MISCELLANEOUS.

The History of the Web: Accessibility Tools
By Jay Hoffmann.
"In 1995, Dr. Cynthia Waddell published a web design accessibility
standard for the City of San Jose's Office of Equality Assurance…"
https://thehistoryoftheweb.com/accessibility-tools/


+09: NAVIGATION.

Create an Accessible Dropdown Navigation
By Lindsey Kopacz.
"Hover navigations are pretty simple to do without JavaScript, which
is how I usually see them implemented…"
https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation/

Create an Accessible Dropdown Navigation Without JS
By Lindsey Kopacz.
"After cross-posting my last accessibility post about dropdowns on
dev.to, I was reading through the comments and someone posted about
:focus-within…"
https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation-without-js/


+10: STANDARDS, GUIDELINES & PATTERNS.

Web Standards: The What, The Why, And The How
By Amy Dickens.
"Web Standards, and the documentation to support them, provide huge
insight into 'the why' and 'the what' of the world wide web. They are
a fantastic resource for any web developer and help people build stuff
for the web that is functional, accessible and cross-compatible. In
this article, we take a look at the history of Web Standards, how to
use them in your work and ways you can get involved in making them…"
https://www.smashingmagazine.com/2019/01/web-standards-guide/

Harold Crick and the Web Platform
By Brian Kardell.
"In this piece I'll talk about MathML and why I think that it is
especially unique, intersting, and stranger than fiction…"
https://bkardell.com/blog/Math.html


+11: USABILITY.

Creating More Inclusive and Culturally Sensitive Forms
By Mark H. Anbinder.
"…We can accommodate everyone with a little foresight and simple adjustments…"
https://www.uxbooth.com/articles/creating-more-inclusive-and-culturally-sensitive-forms/

Fitts's Law (Video)
By Lexie Martin.
"Fitts's Law describes how long it takes a user to hit a target in a
graphical user interface (GUI) or other design, as a function of size
and distance. Understanding this law helps us design better buttons,
forms, lists, and other interactive elements."
https://www.nngroup.com/videos/fittss-law/

The User Experience of Customer-Service Chat: 20 Guidelines
By Raluca Budiu.
"Chat is hard to find on many websites; it is often inefficiently
designed and supplies too superficial information."
https://www.nngroup.com/articles/chat-ux/

Gestalt Principles in UI Design
By Eleana Gkogka.
"Gestalt (form, shape in German) is a group of visual perception
principles developed by German psychologists in 1920s…"
https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965


+13: XML.

Creating Accessible SVGs
By Carie Fisher.
"Scalable Vector Graphics (SVGs) have been around since 1999, but they
have seen a real resurgence in use as design interactions have become
more complex and CSS/JavaScript have replaced antiquated animation
programs such as Adobe Flash…"
https://www.deque.com/blog/creating-accessible-svgs/


[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:lcar...@d.umn.edu


[Issue ends.]

Web Design Update: January 10, 2018

David Dillard
 



 

 

Web Design Update: January 10, 2018
1 post by 1 author
image.png
image.png
lcarlson
image.png
1/10/18
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 29, January 10, 2018.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 29 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: EVENTS.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: TOOLS.
09: USABILITY.

SECTION TWO:
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Understanding WCAG 2.1 - Reviewing Cognitive Success Criteria
By Glenda Sims.
"Hello, everyone! We are back on our accessibility adventure through
WCAG 2.1, the seventh public working draft…"
https://www.deque.com/blog/understanding-wcag-2-1-reviewing-cognitive-success-criteria/

At a Glance-Screen Reader User Survey 7 Results
By Rakesh Paladugula.
"In this article I want to summarize the Web AIM screen reader user
survey 7 results for my readers…"
http://www.maxability.co.in/2018/01/glance-screen-reader-user-survey-7-results/

Screen Reader User Survey 7 Results from WebAIM
By Dennis Lembree.
"In December 2017, results of Screen Reader User Survey #7 by WebAIM
were released…"
http://www.webaxe.org/screen-reader-user-survey-7-results-from-webaim/

Digital Accessibility: How We Can Help
By Atalan. (Hat tip to  Nicolas Hoffmann)
Information and simulations on color blindness, visual impairment,
blindness, deafness, and motor disability.
https://atalan.fr/agissons/en/index.html

Attacks on the ADA Don't Remove the Need and Responsibility for Web
Accessibility
By Nicolas Steenhout.
"Two bits of news about the Americans with Disabilities Act (ADA) in
the last couple weeks are of concern for people with disabilities. It
is also concerning for those of us working in the field of
accessibility…"
https://knowbility.org/attacks-ada-dont-remove-need-for-accessibility/

Blind Woman Sues 30 Websites Over Handicap Accessibility
By Priscilla DeGregory and Emily Saul.
"…Maria Mendizabal, who is legally blind, claims that the Web sites
for companies such as Nike, 24 Hour Fitness, De Beers, Barney's, Donna
Karan, and Kleinfeld Bridal aren't compatible with screen-reading
software that translates the written content into either audio or
Braille…"
https://nypost.com/2018/01/07/blind-woman-sues-30-websites-over-handicap-accessibility/

2017 Website Accessibility Lawsuit Recap: A Tough Year for Businesses
By Seyfarth Shaw LLP.
"2017 saw an unprecedented number of website accessibility lawsuits
filed in federal and state courts, and few courts willing to grant
early motions to dismiss."
https://www.jdsupra.com/legalnews/2017-website-accessibility-lawsuit-46166/


+02: CASCADING STYLE SHEETS.

CSS Versus Personalization
By Tobib Spline.
"…My thesis in this article is that CSS and the web as a whole put too
much power in the hands of authors and too little power in the hands
of users to allow effective personalization. Still, I will try to find
some practical guidelines that may facilitate better personalization
on the web…"
http://tobib.spline.de/xi/posts/2017-12-18-personalization/

New Flexbox Guides on MDN
By Rachel Andrew.
"In preparation for CSS Grid shipping in browsers in March 2017, I
worked on a number of guides and reference materials for the CSS Grid
specification, which were published on MDN…"
https://hacks.mozilla.org/2018/01/new-flexbox-guides-on-mdn/


+03: EVALUATION & TESTING.

The User Researcher's Field Guide to Psychology
By David Travis.
"When planning user research studies, there are four fundamental
principles from psychology that user researchers must know. These are:
your users do not think like you think; your users don't have good
insight into the reasons for their behaviour; the best predictor of
your users' future behaviour is their past behaviour; and your users'
behaviour depends on context."
https://www.userfocus.co.uk/articles/field-guide-to-psychology.html


+04: EVENTS.

Beyond the Basics of PDF Accessibility - 2018 Update
January 18, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=481

2018 Digital Accessibility Trends
January 23, 2018.
Online
http://info.levelaccess.com/0123Webinar2018Trends_LP-Main.html

Embracing Plain Language for Better Accessibility
January 24, 2018.
Online
https://groups.drupal.org/node/518076

DrupalCon Nashville
April 9-13, 2018.
Nashville, Tennessee, U.S.A.
https://events.drupal.org/nashville2018

Designing with Accessibility in Mind
April 9-15, 2018.
Online
https://onlinelearningconsortium.org/learn/olc-new-institute-schedule/institute-offerings/?id=374&cohort=368


+05: JAVASCRIPT.

Why Mutation Can Be Scary
By Zell Liew.
"Unexpected changes in your JavaScript code can be a real headache.
When working with objects, it can be even harder to prevent unintended
mutation. Zell Liew shows us some tricks (and libraries) to prevent
these unintended changes and ensure stability when working with
objects."
http://alistapart.com/article/why-mutation-can-be-scary


+06: MISCELLANEOUS.

Hypertext and Our Collective Destiny
By Tim Berners-Lee, 12 October 1995.
"A talk in which I felt I had ben asked only to say things I hadn't
said before. It was part of symposium at MIT arranged by Andy Van Dam
in honor of the 50th anniversary of Vannevar Bush's visionary article
"As We May Think" in the Atlantic monthly in 1945. Various gurus from
the history of hypertext were assembled, to talk and be taped."
https://www.w3.org/Talks/9510_Bush/Talk.html

Improving Your Tweet Accessibility
By Adrian Roselli.
"…This post gathers some tips you can and should use…"
http://adrianroselli.com/2018/01/improving-your-tweet-accessibility.html

Building a Better Magnifier With the Power of the Web
By Shwetank Dixit.
"This post is about how we used the web to build a better magnifier.
Check it out (using Chrome or Opera on Android, due to it currently
being the only browsers which supports the needed APIs properly) and
please give us feedback to improve it further…"
http://blog.barrierbreak.com/2018/01/09/building-better-magnifier-power-web/

Careful Now
By Chris Coyier.
"Tom Warren's "Chrome is turning into the new Internet Explorer 6" for
The Verge has a title that, to us front-end web developers, suggests
that Chrome is turning into a browser far behind in technology and
replete with tricky bugs…"
https://css-tricks.com/careful-now/


+07: NAVIGATION.

Four Damnable Examples of Dark Patterns
By Rebecca Sentance.
"…Here's Rebecca Sentance with a follow-up to 2016's Dark Patterns
post, where we highlight the worst examples of manipulative navigation
and tricksy UX…"
http://whatusersdo.com/blog/damnable-examples-of-dark-patterns/

Improving Text Readability for Dyslexic Users with Skip-ink Underlines
By Damien Senger.
"…As designers, we can help dyslexic users to read more easily our
content and interfaces without too much technical requirements…"
https://medium.com/@iamhiwelo/improving-text-readability-for-dyslexic-users-with-skip-ink-underlines-bf52a2f3426b


+08: TOOLS.

Ace
By DAISY.
"Ace, the Accessibility Checker for EPUB, is a tool developed by the
DAISY Consortium to assist with the evaluation of accessibility
features of EPUB publications."
https://github.com/daisy/ace


+09: USABILITY.

What Makes a Design Seem 'Intuitive'?
By  Jared M. Spool.
"…Once you understand how 'intuitive' works-what makes someone
perceive a design to be intuitive-it becomes easier to make the
decision as to whether an intuitive design is worth the extra effort.
The knowledge your users have when they arrive at the design (current
knowledge), what knowledge they'll need to complete their tasks
(target knowledge), and what the design needs to do to help them
complete the task (the gap) are the key ingredients for making an
interface that seems 'intuitive' to your users."
https://articles.uie.com/design_intuitive/

10 Best Intranets of 2018
By Kara Pernice, Amy Schade, and Patty Caya.
"The winners of our 17th Intranet Design Annual came from smaller
organizations, had smaller intranet teams who relied on internal
resources and external help to create the best intranets."
https://www.nngroup.com/articles/intranet-design/

The Fold Manifesto: How to Encourage Scrolling (Video)
By Amy Schade.
"The page fold still matters and still applies. Even though the exact
location of the fold differs between devices, it exists for every
single user on every single screen."
https://www.youtube.com/watch?v=-oPAqSGLgqQ1

User-Experience Quiz: 2017 UX Year in Review
By Raluca Budiu.
"Test your UX knowledge by taking our quiz. All questions and answers
are based on articles that we published last year."
https://www.nngroup.com/articles/ux-quiz/

UX Research - A dedicated role, or a skill everyone develops? The answer : Yes
By Peter Merholz.
"Over the holiday break emerged a Twitter discussion about the role of
design research. It started here…"
https://orgdesignfordesignorgs.com/2018/01/04/ux-research-a-dedicated-role-or-a-skill-everyone-develops-the-answer-yes/

10 Small Things You Can Do to Become More User-Centred
By Mark Dalgarno.
https://medium.com/@markdalgarno/10-small-things-you-can-do-to-become-more-user-centred-3f5279701270

[Section one ends.]



++ SECTION TWO:


+10: 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:lcar...@d.umn.edu


[Issue ends.]

--
Sincerely,

David Dillard

 

NET-GOLD

http://groups.yahoo.com/group/net-gold

http://listserv.temple.edu/archives/net-gold.html

https://groups.io/org/groupsio/net-gold/archives

 

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/

 

Twitter: davidpdillard

 

Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

http://listserv.temple.edu/archives/sport-med.html

https://groups.io/g/SportMed/topics

Google Docs Subject Guide

David Dillard
 



*


*



*


*


Google Docs Subject Guide


 
 
*
 
 
*
 
 
Google Docs Subject Guide
 
*
 
 
*
 
 

Google Docs Subject Guide
(GGLE) DOCS SUBJECT GUIDE


 

What is Google Docs

 

“Google Docs is a word processor included as part of a free, web-based 
software office suite offered by Google within its Google Drive service. 
This service also includes Google Sheets and Google Slides, a spreadsheet 
and presentation program respectively. Google Docs is available as a web 
application, mobile app for Android, iOS, Windows, BlackBerry, and as a 
desktop application on Google's ChromeOS. The app is compatible with 
Microsoft Office file formats.[2] The application allows users to create 
and edit files online while collaborating with other users in real-time. 
Edits are tracked by user with a revision history presenting changes. 
An editor's position is highlighted with an editor-specific color and 
cursor. A permissions system regulates what users can do. Updates 
have introduced features using machine learning, including "Explore", 
offering search results based on the contents of a document, and 
"Action items", allowing users to assign tasks to other users.”

 

“Google Docs is available as a web application supported on Google Chrome, 
Mozilla Firefox, Internet Explorer, Microsoft Edge, and Apple Safari web browsers.”

 

Source: Wikipedia “Google Docs” article   

https://en.wikipedia.org/wiki/Google_Docs

 

=================================================

 

Word Processors (search results from Google Web Search)

 https://tinyurl.com/yalolg5w

 

=================================================

 

This subject guide will cover basic information needed to create Google Docs 
and have links to sources of additional tutorials and books and articles designed 
to teach basic skills in more depth as well as advanced 
Google Docs skills.

 

Google Docs and Google Drive are available to anyone when they subscribe 
to a free Gmail account.

 

Example of a blank Google Doc

 

https://upload.wikimedia.org/wikipedia/en/4/45/Google_Docs_screenshot.png

 


Google Docs come in a wide variety of types, designs and content 
as these examples illustrate.

 

 

https://tinyurl.com/y8hrdpxy

 

https://tinyurl.com/y9os7xnx

 

https://tinyurl.com/plscclr

 

https://www.flickr.com/photos/orangoodle/5505144603

https://en.wikipedia.org/wiki/File:Biological_Properties_of_Propolis.png

 

 

How to Use Google Docs

 

GOOGLE-DOCS AND (USING OR APPLICATIONS OR TOOLS OR APPS OR GUIDE OR 
GUIDES OR TECHNIQUES OR INSTRUCTIONS) FROM GOOGLE 
WEB SEARCH

https://tinyurl.com/ya7jgcna

 

GOOGLE-DOCS AND (USING OR APPLICATIONS OR TOOLS OR APPS OR GUIDE OR 
GUIDES OR TECHNIQUES OR INSTRUCTIONS) FROM GOOGLE VIDEOS
https://tinyurl.com/y8c35rdt

 

 

Google Docs FROM Google Web Search
https://tinyurl.com/yclzkp2v

 

Google Docs FROM Google Videos

https://tinyurl.com/ycngtarc

 

Opening a Google Doc

 

Go to your Google Drive account by going to Google Drive at this web address  

https://www.google.com/drive/  

and clicking to the Go to Google Drive Icon 

About Google Drive

https://www.google.com/drive/

 

Click on New at the top left

 

Then either click on Google Docs from the drop down menu or from the right arrow

select from either “Blank Document” or “From a Template”

 

 

Google Docs is designed to be a competitor 
to Microsoft Word with several differences.

 

1.                   Google Docs is a cloud based tool.  It does not exist on ones computer hard drive but this gives a Google Docs user access from anywhere to the documents in ones Google Drive account. However those with access to Word can any Google Doc onto a Word document and save that document version to their computers hard drive or other document storage services 

or email the document as an email attachment using either their Documents file in Microsoft Office or Google Drive.

 

2.       One can share the document with others using the share button and then work collaboratively with others to create and revise these shared documents.  
           The advantage of this method is that one document from Google Docs is used throughout 
while with Word, the same document is passed back and forth creating an additional copy of the document with each emailing of that document. A Google document must have a title before it can be shared.  

To share a document one clicks the SHARE icon at the top right of the first document page.


     3.       Google Docs mimics the 2003 version of Word in using the File tab system.


FILE   EDIT  VIEW  INSERT  FORMAT  TOOLS  ADD-ONS  HELP   

 

Under the Tools Tab one finds these options:

 

SPELLING

WORD COUNT

REVIEW SUGGESTED EDITS

EXPLORE

DICTIONARY

KEEP NOTEPAD

TRANSLATE

VOICE TYPING

SCRIPT EDITOR

PREFERENCES

 

Source   https://www.youtube.com/watch?v=OBITNezSmLY

 

 

The tool bar at the bottom of the Google Docs Ribbons allows formatting options similar to the options in the FORMAT tab above this one. The options on the tool bar at the bottom allow these formatting and related options from left to right:

 

UNDO   REDO   PRINT  PAINT  100%  NORMAL TEXT  ARIAL  11   B  I  U  A  [ CREATE  A LINK]

 

The remaining options on this tool bar are for formatting and related tasks

 

Clicking 100% permits the user to resize pages from 50% to 200%

 

Clicking “Normal Text” allows changing to one of these options

Title, Subtitle, Heading 1, Heading 2, Heading 3, 

 

Clicking the  11 permits changing font size from 8 to 98 with only selected sizes facilitated.

 

B is bold , I is italics, U is underline and A permits changing font color while the pen point

changes the color surrounding the text. These are followed by icons for add link, add comment,

image and these formatting options: left align, center align, right align, justify, line spacing,

numbered list, bulleted list, increase indent, decrease indent, clear formatting.

 

The Image icon allows these procedures from the drag and drop menu: 

 

UPLOAD FROM COMPUTER

SEARCH THE WEB

DRIVE

PHOTOS

 BY URL

CAMERA

 

There are handles at each corner and the center top and bottom of each image and these can

be used to drag pictures to different locations on the page including in the middle of text in

which case the text will surround the image.  The top center handle, however, is shaped

differently and will allow one to rotate the image.

 

To view the keyboard shortcuts in Google Docs, hold the CNTL key down and strike the forward

slash key.

 

Popular keyboard shortcuts (Windows users)

Text formatting



Bold

Ctrl+B

Italic

Ctrl+I

Underline

Ctrl+U

Strikethrough

Alt+Shift+5

Superscript

Ctrl+.

Subscript

Ctrl+,

Clear formatting

Ctrl+\ or Ctrl+Space



Paragraph formatting

Apply ‘Normal text’

Ctrl+Alt+0 or Ctrl+Alt+Num-0

Apply ‘Heading 1’

Ctrl+Alt+1 or Ctrl+Alt+Num-1

Apply ‘Heading 2’

Ctrl+Alt+2 or Ctrl+Alt+Num-2

Apply ‘Heading 3’

Ctrl+Alt+3 or Ctrl+Alt+Num-3

Apply ‘Heading 4’

Ctrl+Alt+4 or Ctrl+Alt+Num-4

Apply ‘Heading 5’

Ctrl+Alt+5 or Ctrl+Alt+Num-5

Apply ‘Heading 6’

Ctrl+Alt+6 or Ctrl+Alt+Num-6

Left align text

Ctrl+Shift+L

Center align text

Ctrl+Shift+E

Right align text

Ctrl+Shift+R

Justify text

Ctrl+Shift+J

Toggle numbered list

Ctrl+Shift+7

Toggle bulleted list

Ctrl+Shift+8



With objects

Resize larger

Ctrl+Alt+K

Resize smaller

Ctrl+Alt+J



Editing

Insert link…

Ctrl+K

Find…

Ctrl+F

Find and replace…

Ctrl+H

Define word

Ctrl+Shift+Y

Copy formatting

Ctrl+Alt+C

Paste formatting

Ctrl+Alt+V

Switch to editing

Ctrl+Alt+Shift+Z

Switch to suggesting

Ctrl+Alt+Shift+X

Switch to viewing

Ctrl+Alt+Shift+C



Navigation

Chat

Shift+Esc

Insert or move to header

Ctrl+Alt+O Ctrl+Alt+H

Insert or move to footer

Ctrl+Alt+O Ctrl+Alt+F

Insert footnote

Ctrl+Alt+F

Move to next heading

Ctrl+Alt+N Ctrl+Alt+H

Move to previous heading

Ctrl+Alt+P Ctrl+Alt+H

Move to next heading 1

Ctrl+Alt+N Ctrl+Alt+1

Move to previous heading 1

Ctrl+Alt+P Ctrl+Alt+1

Move to next heading 2

Ctrl+Alt+N Ctrl+Alt+2

Move to previous heading 2

Ctrl+Alt+P Ctrl+Alt+2

Move to next heading 3

Ctrl+Alt+N Ctrl+Alt+3

Move to previous heading 3

Ctrl+Alt+P Ctrl+Alt+3

Move to next heading 4

Ctrl+Alt+N Ctrl+Alt+4

Move to previous heading 4

Ctrl+Alt+P Ctrl+Alt+4

Move to next heading 5

Ctrl+Alt+N Ctrl+Alt+5

Move to previous heading 5

Ctrl+Alt+P Ctrl+Alt+5

Move to next heading 6

Ctrl+Alt+N Ctrl+Alt+6

Move to previous heading 6

Ctrl+Alt+P Ctrl+Alt+6

Move into current footnote

Ctrl+Alt+E Ctrl+Alt+F

Move to next misspelling

Ctrl+’

Move to previous misspelling

Ctrl+;

Research

Ctrl+Alt+Shift+I



Menus

File menu

Alt+Shift+F

Edit menu

Alt+Shift+E

View menu

Alt+Shift+V

Insert menu

Alt+Shift+I

Format menu

Alt+Shift+O

Tools menu

Alt+Shift+T

Add-ons menu

Alt+Shift+N

Count words

Ctrl+Shift+C

Table menu

Alt+Shift+B

Help menu

Alt+Shift+H

Context menu

Ctrl+Shift+\ or Ctrl+Shift+X



Comments

Add comment

Ctrl+Alt+M

Open comments thread…

Ctrl+Alt+Shift+A

Enter current comment

Ctrl+Alt+E Ctrl+Alt+C

Move to next comment

Ctrl+Alt+N Ctrl+Alt+C

Move to previous comment

Ctrl+Alt+P Ctrl+Alt+C

 

 

Source:  Keyboard shortcuts for Google Docs

 

Silicon Dales

 

https://silicondales.com/tutorials/g-suite/keyboard-shortcuts-google-docs/

 

 Keyboard Shortcuts for Google Docs From Database Search Results

 

Google Web Search

https://tinyurl.com/yd9vru5e

Google Videos

https://tinyurl.com/y7r9lrv7

 

 

An Additional Source:  Keyboard shortcuts for Google Docs

 

https://tinyurl.com/hfld6bx

 

 

Working with Google Docs: Tips and Methods

 

Google Docs - Full Tutorial 2018

https://www.youtube.com/watch?v=xJiUTXGv3PE

 

Covered in This Video

Create and Format

Document Title

Lists

Indentations

Headers

Portrait/Landscape

Columns

Pagination

Line Spacing

Bookmarks and Links

Table of Contents with Page Numbers or Links

 

 

Google Drive / Docs Tutorial 2016

https://www.youtube.com/watch?v=CeFJvXhFJd8

 

 

 

Document Storage

 

Google Docs does not have a SAVE command an automatic save feature rapidly 
saves all changes as they occur to a document file in Google Drive.

 

Source:  https://www.youtube.com/watch?v=jdtHjhJ_350

 

*

 

How to Use the Google Docs Outline Tool - YouTube

 https://www.youtube.com/watch?v=zphxjzGgkmw

 

*

 

Google Docs are stored and updated in the “Activity” section of Google Drive.  
The Documents can be found by clicking on Activity on the left sidebar of ones

Google Drive website or on More on the same sidebar to find Google Docs on

the account sidebar.  It is important to give a title to each document created in

Google Docs as soon as a document is created, it is listed on the Activity file in

Google Drive and continued failure to name documents will create a number of

documents called UNTITLED DOCUMENT.  To name a document or change its title

one clicks on the document title and inside the resulting box makes the needed

changes.

 

Adding Comments to a Document

https://tinyurl.com/y7nvunxf

 

On the command ribbon at the top of a Google Doc is a caption box that when

clicked brings up a dialog box on the right sidebar.  One can also highlight text

and click on that highlighted text to also bring up a dialog box.  The recipient

can then create a dialog box for response by clicking on the text in the dialog

box that was just received.

 

Adding Comments in Google Docs :  

Search Results from Google and Google Videos

Google Videos

https://tinyurl.com/y7fz9592

Google Web Search
https://tinyurl.com/yavrg86v

 

 

Making a Copy of a Document

 

If one receives a document that does not allow any changes to be made to the

document, one can click on “MAKE A COPY” under the File Tab on the ribbon at

the top of the document.  Then the recipient of the “view only” document can

edit anything on the copy of the document.

 

 

Viewing Revision History

https://tinyurl.com/y9zbx3wo

Click on “See Revision History” under the FILE tab at the top of the web page to

view all revisions of a document. The resulting document in the right sidebar is not

complete until you click on “SHOW MORE DETAILED REVISIONS” at the bottom of

this pop up box.  For each revision, the color coded name of the reviser is included

with the revision they made in their color.

 

Source   https://www.youtube.com/watch?v=jdtHjhJ_350

 

Creating Titles and Subtitles for Google Docs and Inserting Images into a Google Doc

 

https://www.youtube.com/watch?v=s6V_h43-BIY

 

Google Docs and Revision History

Google Web Search

https://tinyurl.com/ybstegt2

Google Videos

https://tinyurl.com/y8fky2or

 

Sharing Documents

https://tinyurl.com/yd2yc2x3

 

When the share button is clicked for a document, one must have a title for that document

before sharing can take place and this will be prompted.  With the document shared with

one or more additional people, this document is private and can only be viewed by these

people.  Once the document has been shared, one can use the box that appears upon

clicking the SHARE icon again and select from these options.

 

OFF Only Specific People Can Access

Anyone with the link can edit

Anyone with the link can comment

Anyone with the link can view

ON public on the web

ON anyone with the link

ON specific people

 

The bottom four options are found after one accepts the original sharing decisions and

again clicks on SHARE and then in the succeeding box clicks on ADVANCED.

 

Sharing in Google Docs
https://www.youtube.com/watch?v=POIR37Hmydg
https://www.youtube.com/watch?v=TYPjJK6LZdM

 

File Tab Options

 

New [Document]

Open

Make a Copy

Download as

Email as an Attachment

Version History

Rename

Move to

Move to Trash

Publish to the Web

Email Collaborators

Document Details

Language

Page Setup

Print

 

Document Download Options with Google Docs

 

Microsoft Document

Open Document Format

Rich Text format

PDF Document

Plain Text

Web Page

EPUB Publication

 

 

How to Open a Word Document in Google Docs Tutorial

https://www.youtube.com/watch?v=DuqQ7wUCCk0

 

Alternative Methods
https://www.youtube.com/watch?v=9J7WdhkZTWk

https://www.youtube.com/watch?v=aDmt0N0LEX4

 

How to Download from Google Docs

https://www.youtube.com/watch?v=CA7c2mi0-SM

Converting Microsoft Word and Excel Files to Google Docs and Sheets ...

https://www.youtube.com/watch?v=pb4VGiWjyG4

 


============================================================

INSTRUCTIONS: 

How to Open a Word Document in Google Docs


In the Gmail Documents List, instead of clicking on DOWNLOAD, Click in VIEW.

This opens up a preview of the document in the left sidebar.


Now the option to Save in Google Docs appears on the top command ribbon, 
but selecting this option creates a Word document file of this document on the 
Google Docs stored on Google Drive. This creates a version of the document 
that cannot be edited in Google Docs.

Instead click on EDIT ONLINE and this will convert the document to 
Google Docs format.

 

To email this document back to somebody in Word format, right click on the document, 
go to SHARE and select the option, EMAIL AS AN ATTACHMENT and from the resulting 
drop down menu select Microsoft Word.  Then put the email address(es) in the 
TO dialog box, add a message if desired and send the message. 

https://www.youtube.com/watch?v=DuqQ7wUCCk0

 

Useful Sources for Learning Google Docs

 

 

Beginner's Guide to Google Docs - YouTube

https://www.youtube.com/watch?v=e771f9YYh4s

 

 

*

 

Google Drive Tutorial 2013 - Composing Google Docs (2/6)

https://www.youtube.com/watch?v=jdtHjhJ_350

 

 

Going Google : powerful tools for 21st century learning /

Jared Covili.

Author/Creator:

Covili, Jared

Resource Type:

Book

Publication:

Thousand Oaks, California : Corwin Press, ©2012.

Physical Description:

xi, 207 pages : illustrations ; 28 cm.

Bibliography:

Includes bibliographical references and index.

 

 

 

*

 

Improving Writing with Google Docs

Author          Eric Curts

Publisher     Eric Curts

Length           15 pages

https://tinyurl.com/ycdqosnt

 

 

*

 

Google Drive Tutorial 2013 - Composing Google Docs (2/6)

https://www.youtube.com/watch?v=jdtHjhJ_350

 

 

 

*

 

Google Docs Advanced Tips and Tricks

Lynda.com
https://tinyurl.com/ydfbspm9

Author Jess Stratton provides a series of advanced tips and tricks to boost 
productivity, from adding fonts and auto-substituting text to working with 
images and translating documents. Learn how to download docs in different 
formats, including Word and PDF; tag

 

 

*

 

Google Docs: Formatting in Depth

Lynda.com
https://tinyurl.com/y98e4lmd

Learn how to make your documents more readable and engaging with the 
formatting tools in Google Docs. Follow along with Jess Stratton as she shows 
how to format text and images, create custom styles, and adjust document 
flow and spacing with margins, breaks, and columns. Then learn how to make 
your documents more professional with elements such as headers and footers, 
page numbering, and a table of contents, and expand your creative options with 
free Google fonts. Jess also shows how to reuse and remove existing formatting, 
as well as save custom formatting in a template.

 

 

*

 

Converting Google docs

From Migrating from Google Drive to SharePoint

Lynda.com
https://tinyurl.com/y94s63gp

 

Learn how to migrate documents, spreadsheets, presentations, and files from 
Google Drive to SharePoint. In this course, Bill Kulterman explores the best 
practices for moving from Google Drive to SharePoint, and discusses how 
Microsoft OneDrive plays a role in this migration. He provides a quick tour of 
OneDrive and SharePoint, and then explains how to convert documents and 
spreadsheets and address issues with fonts, charts, and presentations.

 

 

*

 

Google Apps for Educators

Lynda.com

https://tinyurl.com/y8b53yt2

Administrators and teachers alike can learn how to set up custom Google sites 
for collaboration with parents and students, and extend Google Apps with apps 
like YouTube and Google Scholar.

 

 

*

 

Collaborative Google Docs

Lynda.com

https://tinyurl.com/yajtoshs

 

Blended learning is all about the students: combining instruction with digital 
resources to help increase student achievement and engagement. In this course, 
Chris Mattia explores the various aspects of blended learning, and provides 
guidelines to create a blended classroom that meets students' diverse learning needs.

 

 

 

*

 

 

Work together with Google Docs

From Introduction to Cloud Computing for IT Pros

https://tinyurl.com/yb3xufp7

 

Another excellent offering…for teams or even just people…who are working together 
using the cloud…comes from Google, it's called Google Docs,…and we're going to take 
a quick look…at how you can share and collaborate…on documents with this free tool.…
Available to anyone with a free Gmail account.

 


*

 

 

Linking to a Google Doc

From for Educators

https://tinyurl.com/y8s8acg9

 

Google Drive can be used to share…files to distribute to your learners,…or for active 
online collaboration

 

 

*

 

 

Linking a Google doc to a project

From Learning Basecamp 3

https://tinyurl.com/y9rb624x

 

All you have to do is create a link in your project…to your Google Doc.…Here we are in 
the Retail Web Site project…and we're on the Docs & Files page.…When you want to 
create a link,…click the button that says Link a Google Doc…and that brings you to the 
screen…where you can enter information about the file.

 

 

*

 

 

Using Google Docs to create an informational video script template

https://tinyurl.com/yalcwnts

 

I'll be using Google Docs…to create an Informational Video Script template…from scratch, 
because the add-on screenplay formats…that you can get are insufficient when it comes…
to customization for the Informational Video Script.

 

 

*

 

 

Google Docs Essential Training

https://tinyurl.com/y7tr8zu4

 

 

Take a closer look at Google Docs and discover how to build documents with rich formatting, 
images, and tables. In this course, Jess Stratton shows how to get around Google Docs' 
web-based interface, create new documents, and add features such as footnotes, headers 
and footers, and page numbering. You'll also see how to make your documents more 
engaging by adding images, Google drawing objects, and tables.

 

Topics include:

 

    Creating, naming, saving, and editing docs

    Formatting text

    Creating a table of contents

    Inserting images and tables

    Copying, renaming, and moving docs

    Publishing docs on the web

    Sharing docs

    Translating docs

    Using Google Docs on mobile devices

 

*

 

Google Docs, Sheets, and Slides: Second Edition

Author  Gerardus Blokdyk

Publisher            CreateSpace Independent Publishing Platform, 2018

ISBN      1717434665, 9781717434661

Length  142 pages

 

*

 

 

Book: Google Docs

Series:

QuickStudy Computer

Authors:

Hales, John

 [Boca Raton, Florida] : QuickStudy Reference Guides. 2011

Resource Type: eBook.

Want to learn more about how GoogleDocs can increase your productivity? Look no 
further than our new 3-panel guide, which features the latest, most up-to-date 
information about this powerful suite of online products. Each GoogleDocs application—
from word processing to spreadsheets—is examined in detail through step-by-step 
instructions, key definitions and full-color screen shots. Every GoogleDocs user will want 
to have this comprehensive reference tool by his or her side!

Related ISBNs:

9781423216452. 9781423216872.

 

Table of Contents

 Contents

 Introduction

 The Docs List

 Getting Ready

 Documents

 Spreadsheets

 Presentations

 Migrating Existing Microsoft Office Documents to/from Google Docs

 Cloud Connect for Microsoft Office

 Apps Sync

 Versioning

 Collaboration with Others

 Sharing vs. Publishing

 

*


Embed a Google DocList in a Google Site or WordPress Site

By Wesley Fryer On June 2, 2014 ·
https://tinyurl.com/plscclr

 

 

 

Magazine Articles Media Sources and Other Publications about Google Docs

 

Engaging Google Docs to Support Collaboration and Reflection in Online Teacher Education

Henry Gillow-Wiles (Southern Oregon University, USA) and Margaret L. Niess 
(Oregon State University, USA)

Source Title: Handbook of Research on Teacher Education in the Digital Age

Copyright: © 2015 |Pages: 28

DOI: 10.4018/978-1-4666-8403-4.ch024
https://tinyurl.com/yb78jra9

*

Considerate Collaboration: Google Docs
August 30, 2016 by Maha Bali
ProfHacker: A Blog from 
The Chronicle of Higher Education
https://tinyurl.com/ybt2t36b

Google Docs and collaboration from Google Videos
https://tinyurl.com/ych6zm3j

 

*

Ten Overlooked Google Docs Features

by Richard Byrne
Free Technology for Teachers, 01/2018

Free Technology for Teachers: Ten Overlooked Google Docs Features

https://tinyurl.com/ycs4frmf

 

*

5 Google Docs Formatting Tips

by Richard Byrne
Free Technology for Teachers, 06/2017
Framingham High School
https://www.framingham.k12.ma.us/Page/5074

https://tinyurl.com/y8cuvvte
How to create a heading
How to correctly space your document
How to correctly space your document
How to correctly space your document

There is a function to clear all formatting. 
This is a handy function to use after copying 
and pasting from a Word document or even 
from a shared Google Document whose 
formatting doesn't fit with what you want.

Google Videos :  Google-Docs AND formatting
https://tinyurl.com/ybqahkzr

*

How to Clear Formatting in Google Docs

by Melissa Holt
TekRevue, 05/2018
https://tinyurl.com/ybqtk9y3

 

*

Newspaper Templates for Google Docs and Word

by Richard Byrne

Free Technology for Teachers, 02/2018

https://tinyurl.com/ycn6mgok
Google
 Docs Templates FROM Google Videos
https://tinyurl.com/y7uaatpz

 


 *

Monday, May 21, 2018
A Quick Google Docs Formatting Tip


Free Technology for Teachers, 05/2018
https://tinyurl.com/y8cuvvte
Google Docs Formatting FROM Google Videos

 "google docs" AND formatting FROM Google Videos
https://tinyurl.com/ya3h3rcp

 *

How to Clear Formatting in Google Docs
By Melissa Holt on May 7, 2018 at 1:00 PM
Tek Revue
https://www.tekrevue.com/tip/clear-formatting-google-docs/

 

*

Newspaper Templates for Google Docs & Word

by Richard Byrne

Free Technology for Teachers, 02/2018

https://tinyurl.com/yd4wsgn7

 

*


Monday, November 20, 2017
How to Copy Comments in Google Docs
Free Technology for Teachers, 11/2017
https://tinyurl.com/yd2yaqy6

 

*

Tuesday, October 24, 2017
Hyperdocs: Create Interactive Google Docs
Free Technology for Teachers, 10/2017
https://tinyurl.com/ycqku4he

 

*

Google Docs version tracking makes collaboration easier
Keep your team work in check with new tools for the web and mobile.
by Saqib Shah
Engadget, 08/2017
https://tinyurl.com/y9stgt5r

 

*

Engaging Google Docs to Support Collaboration and Reflection in 
Online Teacher Education
Handbook of Research on Teacher Education in the Digital Age
Advances in Higher Education and Professional Development:
Editor    Niess, Margaret L.
Publisher             IGI Global, 2015
ISBN      1466684046, 9781466684041
P. 635
https://tinyurl.com/y8h4ut4v

“Google Docs” AND Collaboration AND SITE: MAGAZINES
https://tinyurl.com/y7gxdetz

 

*

Grammarly will fix your typos inside Google Docs
It's only available in Chrome for now.
Timothy J. Seppala, @timseppala

09.12.18 in Services
Engadget

https://tinyurl.com/y797jzjs


*

How to Insert Columns Into Google Docs

by Richard Byrne

Free Technology for Teachers, 09/2016

https://tinyurl.com/y7y9vrvh

 

*

Two Excellent Google Docs Tips for Teachers

by Educational Technology And Mobile Learning

Educational Technology and Mobile Learning, 10/2016

October 24, 2016

https://tinyurl.com/y8popj7f

 

*

Two Graphing Tools for Google Docs

by Richard Byrne

Free Technology for Teachers, 08/2016

https://tinyurl.com/y7l25fub

Google Docs and Graphing From Google

https://tinyurl.com/yaovbnq4

*

 

A Great Tool for Creating Quizzes out of Google Docs

by Educational Technology And Mobile Learning

Educational Technology and Mobile Learning, 05/2018

https://tinyurl.com/yacpwsgw

 

*

 

The Built-in Google Docs Features Starter Pack

by Richard Byrne

Free Technology for Teachers, 02/2018

I test and write about a lot of Google Docs Add-ons and built-in features. 
But you certainly don't need to use all of them.

https://tinyurl.com/yagjr9aw

 

*

Instant Plagiarism Check Add-on for Google Docs from Unicheck

by Educational Technology And Mobile Learning

Educational Technology and Mobile Learning, 02/2018

https://tinyurl.com/ya3dcy2z

 

*

 

7 Must Have Google Docs Add-ons for Teachers

by Educational Technology And Mobile Learning

Educational Technology and Mobile Learning, 02/2018

https://tinyurl.com/yd8tfk6w

1- EasyBib Bibliography Creator
An easy way to create citations and bibliography lists. It supports different 
formats including MLA, APA, and Harvard.

2- Kaizena
A great add-on to use to provide audio feedback on students work. 
Simply highlight and record your voice comments.

3- Lucidchart Diagrams
Create and insert mind maps, diagrams, flowcharts right into your Google Doc.

 

4- Speech Recognition SoundWriter
A speech-to-text add-on that lets you voice type your Google Docs documents. 
This one is better than the Docs built-in voice type feature.

 

5- Template Gallery
Provides you access to a wide variety of professionally designed document and 
spreadsheet templates.

 

6- Table of contents
It ‘automatically creates table of contents in the sidebar that can be clicked through, 
for easy document navigation.’

 

7- Easy Accents
Easily add accents for different languages right into your Google Docs document.
 

 

*

How to Add Voice Comments to Google Docs

by Richard Byrne 
Free Technology for Teachers, 01/2018
https://tinyurl.com/y7hsl882

 

*

 

Unicheck Add-on: Similarity Checker for Google Docs & Images for Google Docs and Slides

by Richard Byrne

Free Technology for Teachers, 02/2018

https://www.freetech4teachers.com/2018/02/free-icons-images-for-google-docs-and.html

 

*

Sync Google Docs for Offline Editing

by Tim Moynihan

WIRED, 04/2016

https://tinyurl.com/ycb7xans


How to Set Up Google Drive for Offline Edits (Desktop/Browser)

How to Set Up Google Docs for Offline Edits (iOS and Android)

 

*

Checking for Plagiarism In Google Docs: Edit Where You Write
Teachers with Apps
https://tinyurl.com/ybv9gqff

Checking For Plagiarism In Google Docs:

 Edit Where You Write   
After recent integration with Google Classroom, 
Unicheck, a leading plagiarism checker has already 
announced a new add-on release for Google Docs.
What makes Unicheck Add-on a writing essential?
Saving the efforts with a new add-on
Workflow.
Document inspection
About
Reviews and Evaluations of Unicheck Plagiarism Software
https://tinyurl.com/y7eaa6ku

*

Updated Menus and Toolbars Coming to Google Docs and Slides
by Richard Byrne
Free Technology for Teachers, 12/2017
https://tinyurl.com/ya3oxhay

 

*

“Google Docs” AND (updates OR updated OR improvements OR changes OR improvement)

https://tinyurl.com/y7sr6rbn

This link finds sources like these:

G Suite Updates 

Google updates Docs, Sheets and Slides with new collaboration features

How to Track Changes in Google Docs [FAQ] - HubSpot Blog


Google Docs: This big update just added some serious new features
Google Docs gains new team editing features, extra add-on templates, 
and integrated enterprise search.
By Liam Tung | August 17, 2017 -- 10:31 GMT (03:31 PDT) | 
Topic: Enterprise Software

https://tinyurl.com/y9zudqzf

Google Updates Google Docs with More Editing, Search Tools | Fortune

Google Just Made a Big Update to Google Docs

 

*

How to Make eBooks with Google Docs
by Amit Agarwal
Digital Inspiration, 03/2016
https://tinyurl.com/yc4vkyxt

 

*

Newly Released Templates for Google Docs and Sheets
by Educational Technology And Mobile Learning
Educational Technology and Mobile Learning, 12/2017
December 19, 2017
https://tinyurl.com/yb675rlk

 

*

Some Important Google Docs Tips Teachers and Students Should Know about
Educational Technology and Mobile Learning, 12/2017
https://tinyurl.com/y9y7vsab

 

*

7 Great Google Docs Add-ons for Teachers

 Educators Technology    Sunday, October 29, 2017  

https://tinyurl.com/yc5atzz5
Easy Accents
Kaizena Shortcut
Lucidchart Diagrams
Open Clipart
Speech Recognition
Template Gallery
Charts

*

Monday, August 28, 2017
Three Google Docs Features New Users Often Ask About

by Richard Byrne

Free Technology for Teachers, 08/2017

https://tinyurl.com/ydhrfkhk

 

*

 

Google Docs Adds EPUB Export Option
by Gary Price  
Library Journal infoDOCKET, 03/2016
Google Docs Adds EPUB Export Option

Filed by Gary Price on March 7, 2016 
https://tinyurl.com/ydfsv9t4 

*

How to use Google Docs so students talk to you:
And how they’ll use Google Docs to check in on you
by Audrey Homan; Susan Hennessey 
Innovation: Education | 
Tarrant Institute for Innovative Education 
at the University of Vermont, 06/2017
https://tinyurl.com/ybv5daah

 

*

Adapting by Using Voice Commands in Google Docs

by Richard Byrne 
Free Technology for Teachers, 05/2017
Sunday, May 21, 2017
https://tinyurl.com/y9eldzqs

 

*

Templates, Insights and Dictation in Google Docs
by Wilfred E. Drew
New Technologies for Federal Libraries, 09/2015
https://tinyurl.com/y89sul4t
Google Docs shows templates for resumes, reports, letters 
and you can expand the list to see even more templates

*


Google Docs, Sheets, Slides and Forms now let you create custom templates
by Frederic Lardinois
TechCrunch, 11/2016


*

24 important Google Docs Tips and Add-ons for Teachers

 Wednesday, May 03, 2017  
Educational Technology and Mobile Learning
Google Docs has tons of interesting features that can immensely enhance 
your productivity level as a teacher and educator.
https://tinyurl.com/y7yx9385


*

Turn Your Google Docs Form Responses Into Beautiful Visualizations
Google Images
https://tinyurl.com/yd53ubjg

*

Figma Wants Designers to Collaborate Google-Docs Style
Wired
https://www.wired.com/story/figma-updates/

 

*

9 Google Docs Add-ons Teachers Should Try Out
Educators Technology    Friday, June 02, 2017  
https://tinyurl.com/ycc896c6


Consistency Checker

 UberConference
HelloFax
PandaDoc
Lucidchart Diagrams
Make changes 
URL Shortener
DocSecrets
Extensis Fonts

 

A New Important Feature Added to Google Docs
Educational Technology and Mobile Learning, 03/2017
https://tinyurl.com/ybrlje4y

March 29, 2017 Google Docs has released today a new interesting feature 
that allows you to easily capitalize a large portion of text with a single click.

*

10 Google Docs Add-ons Teachers Should Know about
by Educational Technology And Mobile Learning
Educational Technology and Mobile Learning, 05/2017
May 22, 2017
https://tinyurl.com/y9yxvfw9


*

How to Insert Google Keep Notes Into Google Docs
by Richard Byrne
Free Technology for Teachers, 03/2017
https://tinyurl.com/y8djufwc

 

*

WordPress.com now lets you write and collaborate in Google Docs
Romain Dillet
Tech Crunch
https://tinyurl.com/ybgv589h

 

*

New Google Docs & Sheets Features for Mobile Users
by Richard Byrne
Free Technology for Teachers, 01/2017
https://tinyurl.com/y9pf8weq

Google Docs for Android will now let you drag and drop to edit images, 
insert headers and footers, and drag and drop text. 
The latest version of Docs for iOS will also let you insert headers and footers.

*

8 Important Google Docs Tips for Teachers and Students
by Educational Technology And Mobile Learning
Educational Technology and Mobile Learning, 01/2017
January23, 2017
https://tinyurl.com/y7krdp32

See revision history
Add footnotes
Allow others to suggest edits
Type with your voice
Translate a document
Check spelling
See suggested content
Insert an equation

*

New- Google Keep Is Now Integrated with Google Docs
by Educational Technology And Mobile Learning
Educational Technology and Mobile Learning, 03/2017
March 1 , 2017
https://tinyurl.com/ydgkdhuk

 

*

How to Use Wolfram Alpha Inside Google Docs
by Richard Byrne
Free Technology for Teachers, 11/2016
https://tinyurl.com/y78hkqg3

 

*

Friday, November 4, 2016
How to Find Google Docs Published by Others
by Richard Byrne
Free Technology for Teachers
https://tinyurl.com/y7dza22d


Added Examples of “SITE:” SEARCHED  (Not from the above article)


(lesson-plan OR lesson-plans) 
AND SITE: site:docs.google.com
About 9,760 results (0.51 seconds)

https://tinyurl.com/yd3fzsf5


(lesson-plan OR lesson-plans) AND SITE:”GOOGLE DOCS”

About 39,400 results (0.45 seconds)
https://tinyurl.com/y8rc3lrv

(lesson-plan OR lesson-plans) AND SITE: ”GOOGLE DOCS”
SPACE ADDED BETWEEN SITE: AND ”GOOGLE DOCS”
About 2,480,000 results (0.47 seconds)
https://tinyurl.com/y9dxv8zz



*

Avalon Project + Google Docs = Guided Introduction to Primary Sources
by Richard Byrne
Free Technology for Teachers, 11/2016

*

Using Google Drive in the classroom
Interested in monitoring student work? Give feedback regularly? 
Reduce student excuses? Try Google Drive!
Curated by Gerald Carey
Scoop.it!
https://www.scoop.it/t/using-google-docs-in-the-classroom

*

Add Page Numbers to Your Google Docs Table of Contents
by Richard Byrne
Free Technology for Teachers, 10/2016
https://tinyurl.com/yazy6dhx
As announced earlier today on the G Suite Updates blog, 
you can now create a table of contents that includes page numbers 
in Google Documents. 
To do so, select the numbered option in "table of contents" 
in the "insert" drop-down menu.

*

10 of The Best Google Docs Add-ons for Teachers
by Educational Technology And Mobile Learning
Educational Technology and Mobile Learning, 10/2016
https://tinyurl.com/ybwss7ym

1- Chalkup
2- EasyBib Bibliography Creator
3- Easy Accent.
4- MindMeister.
5- Lucidchart.
6- HelloSign.
7- Tag Cloud Generator.
8- Lucidchart Diagrams.
9- g(Math)
10- Office Editing for Docs, Sheets and Slides.
January 24, 2016

*

How to Use Google Docs with WordPress, and Why It’s Awesome
Cision Blog
May 10, 2017 
by Jim Dougherty
https://tinyurl.com/yda6mvtz

 

*

Google Docs helps you figure out who's responsible for tasks
by Jon Fingas
Engadget, 10/2016
https://tinyurl.com/hlb9g2f

 

*

"ProQuest eLibrary Editorial Websites" AND "Google Sites"
https://tinyurl.com/yc6sh29n

 

*

Kaizena Now Offers Rubrics to Go With Voice Comments on Google Docs
by Richard Byrne
Free Technology for Teachers, 05/2018
https://tinyurl.com/ybc99gpf

 

*

3 Good Google Docs Add-ons to Enhance Students Writing
by Educational Technology And Mobile Learning
Educational Technology and Mobile Learning, 09/2016
https://tinyurl.com/y7rvqp85

Change Case
Capitals
Remove Line Breaks

*

Google Docs gets speedy Android navigation and an outline tool
by Devindra Hardawar
Engadget, 03/2016
https://tinyurl.com/yb32meve

 

*

An Easy Way to Convert PDFs into Word Documents Using Google Docs
by Educational Technology And Mobile Learning
06/2018
https://tinyurl.com/yd4b6vo8

 

*

Write Notes and Save Bookmarks to Sync with Google Docs & Slides
by Richard Byrne
Free Technology for Teachers, 03/2018
https://tinyurl.com/ycyerqc5

 
*

How to: Document Assembly with Google Docs (autoCrat Edition)
by Jeffrey Taylor
The Droid Lawyer, 05/2016
https://tinyurl.com/yc94r733

*

Soon You'll Have More Information About Who Views Your Google Docs
by Richard Byrne
Free Technology for Teachers, 03/2018
https://tinyurl.com/yb5rw2qq

*

How to Set a New Default Font for All of Your Google Docs
by Richard Byrne
Free Technology for Teachers, 02/2018
https://tinyurl.com/y8nq89h6

 

*

How to Get Your Google Docs Footnotes Just Right
by Tim Moynihan
WIRED, 04/2016
https://tinyurl.com/ybclyuly

 

*

How to get rid of a footnote on Google Docs?
https://tinyurl.com/y9ov99mp
The footnote number is then inserted in the text and 
in the footnote area of your document. 
To remove a footnote, you must remove the number in the text. 
It will be a superscript number. 
To delete it using your Chromebook, put your cursor after the 
superscript number in the text and press the Backspace key.
April 2, 2016

How do you select a footnote number to delete it? - Google Product ...
https://tinyurl.com/y95t6nbe

Can you do footnotes in Google Docs?

https://tinyurl.com/y9bqcqyc

How do you get rid of headers and footers in Google Docs?

https://tinyurl.com/y7bkx3ox


How do you do footnotes with endnotes in Google Docs?


https://tinyurl.com/y9pg7olr

How do you change the font of footnotes in Google Docs?

https://tinyurl.com/yde3rt38

Videos


3:08

Google Docs Insert 
and Remove 
Footnotes

 

WebTools

YouTube - Sep 28, 2017

4:00

How to remove 
header and footer 
in Google docs

Sagar S

YouTube - Feb 25, 2017

 

0:34

How to delete 
footer in Google 
docs

Sagar S

YouTube - Jan 13, 2016



Google Docs lets you limit access with an expiration date
by Nick Summers
Engadget, 03/2016
https://tinyurl.com/y8stdn8k


Set expiration date on Google Docs

 

Set the Expiration Date on Your Google Drive, Docs, Sheets & Slides ...

https://www.youtube.com/watch?v=dp98i6eXkpw

 

Search for: Set expiration date on Google Docs

Do Google Docs expire?

https://tinyurl.com/yaca2z58

 

How do I grant permission to my Google Drive?

https://tinyurl.com/y7vgdnjk

 

How do I remove myself from a shared document in Google Docs?

https://tinyurl.com/yat8ecuq

 

*

Three Options for Adding Voice Comments in Google Docs
Free Technology for Teachers, 
10/2017
https://tinyurl.com/y8vrzlm2

 

*

Google Docs gets speedy Android navigation and an outline tool
by Devindra Hardawar
Engadget, 03/2016
https://tinyurl.com/yb32meve


*

Managing Citations (Collaboratively) in Google Docs
AstroBetter, 
07/2016
https://tinyurl.com/ycjbq2p2

 

*

How Molecular Ecologists Work: Sean Hoban on Google Docs 
and time-per-task calculations
by Rob Denton
The Molecular Ecologist, 01/2018
https://tinyurl.com/ycvpyun7


What kind of research do you?
Can you use one word to describe the way you work?
What specific strategies do you recommend for running (or establishing) a lab?
What apps/software/language/tools can’t you work without 
(Python, Dropbox, Geneious, etc.)?
Where do you work with data (personal computer, lab computers, cluster, etc.)?
Besides your phone and computer, what gadget can’t you live without and why?
What part of your job do you spend the most time on in a week? 
What part do you wish you had more time for?
What is your best time-saving shortcut/lifehack?
How do you stay organized (to-do lists, digital reminders, etc.)?
What do you listen to while you’re working 
(music, kids yelling, the hum of a supercomputer)?
What do you do to recharge outside of science?
What are you currently reading?
What is your sleep routine like?
Fill in the blank: I’d like to see _______ answer these questions.
What’s the best career advice you’ve received?

*

CheckMark Extension for Providing Feedback on Google Docs
Free Technology for Teachers, 
Ed Tech Team
10/2017
https://tinyurl.com/y7we8xkg
https://www.edtechteam.com/blog/2017/11/checkmark/


Videos

 

4:46

CheckMark - 
Giving Feedback in 
Google Docs and 
Slides

 

Just Start Tech

YouTube - May 8, 2018

 

3:27

Canned Comments 
in Google Docs 
with Checkmark 
Extension

 

Jen Jonson

YouTube - Sep 7, 2018

 

3:59

CheckMark by 
EdTechTeam 
Tutorial

 

Jennifer Shafer

YouTube - Oct 15, 2017

*

4 Math Add ons for Google Docs – 
from Jennifer Carey
by Kate Wilson|
EdTechTeacher Blog, 
11/2015
https://tinyurl.com/y8hbwgsh


g(Math)
“It allows you to create robust expressions and graphs 
that you can insert directly into your Google Doc. “
“Input expressions using LaTeX, select pre-built formulas 
which gMath will convert to LaTeX for you, 
draw your own formula, or even speak to insert math 
equations (in Chrome Only).
Check out the g(Math) guru for extensive tutorials.”

Calculator

Wizkids CAS 
“Allows teachers and students to harness the power of a graphing 
calculator in any Google Doc. 
Students can solve equations, plot graphs, find numerical and 
exact solutions, simplify and factorise expressions with variables, and 
drag and drop results and graphs from the sidebar.”

Formula Editor
“Formula Editor is a simple tool that lets you type 
and edit mathematical equations 
in the sidebar of any Google Doc.”

*

Seven Ways to Use Google Docs to Support Bilingual Student Writers
by EdSurge Inc
EdSurge, 
09/2017
By Christina Ponzio     
Sep 25, 2017
https://tinyurl.com/ya5oz8jd


Access to Mentor Texts
Co-Construct Criteria for Writing
Shared Writing
Real-Time Intervention
Integrating Other Supports
Transparent Revision Process
Providing Feedback

*

 

A Clever Use of Google Keep for Grading in Google Docs
by Richard Byrne
Free Technology for Teachers, 
06/2017
https://tinyurl.com/y7mggy4v

 

*

Tools for Tracking Collaborative Work in Google Docs
by Gary Johnston
Teaching Ahead of the Curve, 
10/2015

*

Google Docs version tracking makes collaboration easier
Keep your team work in check with new tools for the web and mobile.
Saqib Shah
Engadget
https://tinyurl.com/y9stgt5r

 

*

An Excellent Google Docs Add-on to Search and 
Insert Free Images in Your Documents
by Educational Technology and Mobile Learning
04/2017
https://tinyurl.com/yca6mvrl
“The popular Pixabay has a cool Google Doc add-on that allows you to 
search for and insert free images right in your documents. The process 
is very simple: after you install the add-on in your Google Docs, 
Open Pixabay Free Images, type in your query and select from the search 
results images you want to add.”

 

Google Docs and Images

 

https://tinyurl.com/ybw9p5uh      Google Web Search

 

https://tinyurl.com/y7vyudsj         YouTube

https://tinyurl.com/y97yekc2        Google Videos 

*

Two Useful Add-ons to Help You Quickly Edit Your Google Docs
Educational Technology and Mobile Learning, 
05/2017
https://tinyurl.com/ycbrlojf

“1- Doc Tools
This is a helpful add-on that combines a number of key functionalities that allow you to edit 
your Google document the way you want. There are actually 13 tools you can access from 
this add-on. For instance, you can use the ‘Increase font’ Decrease font’ tools to make your 
text bigger or smaller, there is also a tool to ‘quickly capitalize each sentence, toggle case, 
change it to uppercase or lowercase, and to start each word with a capital letter.”

2- Change case
“Enables you to make quick changes to the case of text in block selections. You can select a 
text and with one click change all characters to uppercase or lowercase. You can also capitalize 
only first letters or invert the case of each character.”

*

New Google Docs panel lets users access thousands of fonts
by Jackie Dove
TheNextWeb.com, 
07/2015
https://tinyurl.com/ybqzw5ne

 

*

Here Is an Excellent Tool to Easily Create Quizzes, Polls and Forms from Google Docs
Educational Technology and Mobile Learning, 
03/2017
https://tinyurl.com/yd3scs58

March 9, 2017
“GFormIt is an excellent Google Docs add-on to use for auto-generating forms from your 
Google documents. We have tried it multiple times and it worked perfectly well but its only 
limitation is that it supports only one type of questions. As a teacher, you may want to use it 
to create quizzes and exams. You can also use it as a formative assessment tool to help you 
gather feedback from your students using polls and surveys created out of questions from 
a Google document.”

*

Long Days, Google Docs and Anonymous Surveys: How the U.S. Soccer Team Forged a Deal
by ANDREW DAS
New York Times (Online), 04/2017
https://tinyurl.com/yb4lwtlb

*

Google Docs for Collaborative Writing Activities
TESOL Blog, 
10/2015
http://blog.tesol.org/google-docs-for-collaborative-writing-activities/


*

Get More Room to Work In Google Docs With Just One Click
by Richard Byrne
Free Technology for Teachers, 
11/2016
https://tinyurl.com/yaxfsj8h

“One of the complaints that I often hear from teachers and some students about Chromebooks is 
that the screen is too small. I agree. There are times when even on my full-size laptop I wish that 
I had a bit more room to work. That's why when I am writing in Google Docs I often collapse the 
top menu bar until I need it.”

*

How to Share Google Docs With People Who Don't Have Google Accounts
by Richard Byrne
Free Technology for Teachers, 
11/2016
Wednesday, November 30, 2016
https://tinyurl.com/ybtfdcc5


Videos

2:07

How to Share 
Google Docs With 
People Who Don't 
Have Google ...

Richard Byrne
YouTube - Nov 29, 2016

 

1:48

AOBox - Share 
Google Drive folder 
with Non-Google 
Users

AODocs

YouTube - Aug 10, 2017

2:31

Use g(Math) to use 
handwriting in 
Google Documents

Richard Byrne
YouTube - Apr 24, 2015

*

Technology
Google Docs Now Have Voice Dictation
September 3, 2015 at 11:54 am 
by Aman Jain 
https://tinyurl.com/y7ka7l5r

“Google has introduced a new feature by which it is possible 
to voice dictate to Google docs.  It works pretty well, 
but the user needs to pay close attention, and will also have 
to make use of the keyboard for corrections. With the update, 
Google is trying to compete with Microsoft Office 2016, which is 
expected to debut later this month.”

YouTube: Google Docs and Voice Dictation
https://tinyurl.com/y7thnsst

*

You Can Now Edit And Format Your Google Docs By Voice

by Frederic Lardinois

TechCrunch, 02/2016
https://tinyurl.com/ycsjcm9r

*

Publishing Google Docs add-ons for domain-wide installation
by Google
Google Apps Developer Blog, 
03/2015
https://tinyurl.com/yapwwytw

Cross-posted from the Google Developers Blog

 

*

A Few Tips on Using Tables in Google Docs & Slides
by Richard Byrne
Free Technology for Teachers, 
Thursday, November 10, 20162016
https://tinyurl.com/ycmk6qdu

YouTube
https://tinyurl.com/y8z7yxzd

*

Google Docs could make writing that term paper a little easier
by Timothy J Seppala
Engadget, 12/2016
https://tinyurl.com/zep3wfs

Formatting and inserting citations into a Doc, Sheet or Slide is only a tap away.

“Formatting and inserting citations are some of the worst parts of writing a term 
paper. But Google wants to help make that tedious process a little less soul-crushing. 
An upcoming update to G Suite will toss those attributions in as a footnote for a Doc, 
Sheet or Slide with a single tap. It's thanks in part to how the new, contextual "Explore" 
tab Google launched earlier this year works.”

Google Released A New Citation Feature in Google Docs to Help You Easily Cite Your Sources
Educational Technology and Mobile Learning
December 5, 2016
https://tinyurl.com/ydflcucq

1- Open a Google document
2- Click on Explore at the bottom right
3- To add a citation from the web, hover over the search result and click 
Cite as footnote Cite as footnote. To set the citation style as MLA, APA, or Chicago, 
click More More.

*

How to Use the Lesson Plan Add-on In Google Docs
by Richard Byrne
Free Technology for Teachers, 08/2016
“With the Lesson Plan Tool for Google Docs installed 
you can search for lesson plan materials according to topic, 
keyword, and or standard. Once you've found a resource 
through the Lesson Plan Tool for Google Docs you can 
quickly add it to your documents. In the video embedded 
below I provide an overview of how to install and use 
Lesson Plan Tool for Google Docs.”
https://tinyurl.com/y7qo5e3z


*

 

Everything Teachers Need to Know about Explore for Google Docs and Sheets

by Educational Technology And Mobile Learning
Educational Technology and Mobile Learning, 
11/2016
Thursday, November 03, 2016
https://tinyurl.com/y83gdcsh
1- Explore for Google Docs
1- Access suggested content
2- Conduct quick searches within your document

2- Explore for Google Sheets
1- Answers to questions

2- Charts and analysis

 

*

Two Easy Ways to Create A Table of Content in Google Docs
Educational Technology and Mobile Learning, 
08/2016
https://tinyurl.com/y8kp389o

“Both of these ways require that you create headings and subheadings 
in your document. The first way is through using Google Docs' built-in 
feature which can be accessed by clicking on "insert" button then select 
‘table of contents’.”

“The second way is through using a third party add-on called 'Table of Contents'. 
This  is a powerful Google Docs add-on that allows you to easily create 
a table of content in the sidebar. The great thing about this feature besides 
providing readers with a quick overview of the main points covered in your 
document is that it makes it easier for them to instantly jump to any section 
in the document by simply clicking on any of the headings  listed 
in the table of contents.”

*

16 Ideas for Student Projects using Google Docs, Slides, and Forms 
by Jennifer Gonzalez
Cult of Pedagogy, 
07/2016
https://www.cultofpedagogy.com/google-student-projects/

 

Docs

Annotated Bibliography
Book Review
Collaborative Story
Media-Rich Research Paper
Super Simple Blog
Choose-Your-Own-Adventure Story
Table

Slides


Choose-Your-Own-Adventure Story
E-book
Magazine
Museum Kiosk
Short Film
Video Tutorial


Forms

Peer Survey
Feedback Form
Quiz
Visual Representation of Data Sets

Way Beyond Worksheets

*

 

Digital Inspiration: Perform Text Analysis with IBM Watson and Google Docs
Digital Inspiration [Digital Inspiration - 
BLOG], 02/2018
Web Resource
IBM WATSON AND GOOGLE DOCS FROM GOOGLE
https://tinyurl.com/yb3u2qn2

FROM GOOGLE SCHOLAR
https://tinyurl.com/y9rxyvsy

 

*

 

WriteWell for Google Docs: 
Google Add-Ons and Chrome Extensions for Research, Writing, and Feedback 
(Part 1)
EdTechTeacher Blog, 
11/2016

https://tinyurl.com/y9ojzlv7

 

*

 

Digital Inspiration: How to Make eBooks with Google Docs
Digital Inspiration [Digital Inspiration - BLOG], 
03/2016
https://tinyurl.com/yc4vkyxt

 

*

 

Argyll Free Press: Google Docs Just Got Ten Times Better
Newstex Global Business Blogs, 
02/2016
https://tinyurl.com/y7bb4ygf

“The twist in question is nothing else than allowing its users to type, 
edit and format documents – all via voice commands. So basically, 
anything that you previously thought you needed at least a keyboard 
for in terms of work may very well become a lot easier than ever 
believed to be before.

This is a move that completes the change that first came to Google Docs 
back in September 2015. At this point Google decided to add voice typing 
to their Google Docs service that would allow users to compose and edit 
documents a lot faster than before. However, this change felt somewhat 
incomplete as it would literally only allow you to dictate text and nothing 
more. Anything other, such as editing, formatting, copy pasting and so on 
would still require a keyboard and a mouse most of the time.

However, the new version of Google Docs is crazily useful for anyone who 
wishes to compose a document and have it all edited, formatted and ready 
to go without ever needing to touch a keyboard in order to achieve that.”

*

Four Useful Google Docs Tricks
By Paul Boutin 
August 26, 2010 11:03 am
Gadgetwise
The New York Times Blog
https://tinyurl.com/y9ut5xqu
Group editing
Language translation

Edit scanned documents
Self-updating spreadsheets

*

*

 

Academic Research and Scholarly Use of Google Docs
FROM Google Scholar

[PDF] What type of collaboration helps? Psychological ownership, 
perceived learning and outcome quality of collaboration using Google Docs

I BlauA Caspi - Proceedings of the Chais conference on …, 2009 - telem-pub.openu.ac.il

One hundred and eighteen Open University of Israel undergraduate students participated in 
an experiment that was designed to test the differences between sharing and collaborating 
on a written assignment. Participants were randomly allocated to one of five groups that …

Cited by 106 Related articles All 7 versions

https://tinyurl.com/ybsobjkg

*

[PDF] Extending google docs to collaborate on research papers

S DekeyserR Watson - University of Southern …, 2006 - pdfs.semanticscholar.org

Researchers have many software options to write research papers on their own, but 
comparatively fewer options when they want to collaborate with others. Techniques such as 
Concurrent Versioning Systems and Computer Supported Cooperative Work groupware …

Cited by 82 Related articles All 3 versions

https://tinyurl.com/y7qfmpdl

*

Google Docs in an Out-of-Class Collaborative Writing Activity.

W Zhou, E SimpsonDP Domizi - … Journal of Teaching and Learning in Higher …, 2012 - ERIC

Google Docs, an online word processing application, is a promising tool for collaborative 
learning. However, many college instructors and students lack knowledge to effectively use 
Google Docs to enhance teaching and learning. Goals of this study include (1) assessing …

Cited by 98 Related articles All 8 versions

https://tinyurl.com/y9cpelxg

*

Cloud computing for education: 
A case of using google docs in mba group projects

X TanY Kim - 2011 International Conference on Business Computing …, 2011 - computer.org

In this research, we classified the various applications of Cloud Computing technologies in 
educational institutions. In addition, we identified the theoretical frameworks through which 
actual implementations can be evaluated. A case study was used to show the applicability of …

Cited by 52 Related articles All 4 versions

https://tinyurl.com/y8u5lzd2

*

The Effects of Collaborative Writing Activity Using Google Docs 
on Students' Writing Abilities.

O Suwantarathip, S Wichadee - Turkish Online Journal of Educational …, 2014 - ERIC

Google Docs, a free web-based version of Microsoft Word, offers collaborative features 
which can be used to facilitate collaborative writing in a foreign language classroom. The 
current study compared writing abilities of students who collaborated on writing assignments …

Cited by 59 Related articles All 9 versions

https://tinyurl.com/yd4pne3f

*

Learning math and statistics on the cloud, towards an ec2-based google docs-like 
Portal for Teaching/Learning Collaboratively with R and scilab

K Chine - … Learning Technologies (ICALT), 2010 IEEE 10th …, 2010 - ieeexplore.ieee.org

The Elastic-R portal allows educators and students to easily allocate, use and manage cloud 
resources and to work on the cloud, from standard web browsers, with the most commonly 
used statistical and mathematical environments such as R and Scilab. Elastic-R enables …

Cited by 41 Related articles All 4 versions

https://tinyurl.com/ycvfw5yy

*

Whole class laboratories with Google Docs

S Bonham - The Physics Teacher, 2011 - aapt.scitation.org

Interactive (reformed) instruction helps students develop a deeper understanding of physics, 
1 a component of which is letting students explore physical phenomena first and then 
building upon their experience. However, the time required for a single group to collect …

Cited by 26 Related articles All 5 versions

https://tinyurl.com/y7ng3ksx

*

Google docs as a form of collaborative learning

AD Spaeth, RS Black - 2012 - ACS Publications

Google Docs is explored as a tool for promoting collaborative learning in laboratory courses. 
Students working from multiple computers share a single spreadsheet in real time, using 
each others' work to guide their understanding of complex calculations, while creating …

Cited by 25 Related articles All 4 versions

https://tinyurl.com/yb6sseax

*

Content cloaking: preserving privacy 
with google docs and other web applications

G D'AngeloF VitaliS Zacchiroli - … of the 2010 ACM symposium on …, 2010 - dl.acm.org

Web office suites such as Google Docs offer unparalleled collaboration experiences in terms 
of low software requirements, ease of use, data ubiquity, and availability. When the data 
holder (Google, Microsoft, etc.) is not perceived as trusted though, those benefits are …

Cited by 25 Related articles All 11 versions

[PDF] hku.hk

https://tinyurl.com/ydy8joez

 

*

MediaWiki and Google Docs as online collaboration tools 
for group project co-construction

SKW Chu, D Kennedy, YK Mak - Proceedings of the 2009 International …, 2009 - hub.hku.hk

This paper reports and describes the use of MediaWiki and Google Docs as online 
collaboration tools for co-constructing knowledge in a group project. Undergraduate 
Information Management students used MediaWiki and Google Docs as collaboration tools …

Cited by 25 Related articles All 6 versions

https://tinyurl.com/y8yw84ln

 

*

Sharing and collaborating with Google Docs: 
The influence of psychological ownership, responsibility, 
and student's attitudes on outcome quality

I BlauA Caspi - E-Learn: World Conference on E-Learning in …, 2009 - learntechlib.org

One hundred and eighteen undergraduate students participated in an experiment which 
tested the differences between shared-and collaborative-writing of an assignment. 
Participants were randomly allocated to one of five groups that carried out different types of …

Cited by 24 Related articles All 14 versions

https://tinyurl.com/ycynvmnh

*

User acceptance of SaaS-based collaboration tools: a case of Google Docs

X TanY Kim - Journal of Enterprise Information Management, 2015 - emeraldinsight.com

Purpose–The purpose of this paper is to identify and understand factors that influence users' 
acceptance of Software-as-a-Service (SaaS) collaboration tools in organizational settings. 
Design/methodology/approach–This paper develops a research model based on the …

Cited by 30 Related articles All 3 versions

https://tinyurl.com/yaubh4h8

*

Collaborative lab reports with Google Docs

M Wood - The Physics Teacher, 2011 - aapt.scitation.org

Science is a collaborative endeavor. The solitary genius working on the next great scientific 
breakthrough is a myth not seen much today. Instead, most physicists have worked in a 
group at one point in their careers, whether as a graduate student, faculty member, staff …

Cited by 19 Related articles All 5 versions

https://tinyurl.com/y7carfdd

*

[PDF] Emerging technologies: Web-writing 2.0: 
Enabling, documenting, and assessing writing online

R Godwin-Jones - Language Learning & Technology, 2008 - researchgate.net

… Recently, Google added support for Google Gears to Google Docs, probably the most
widely used tool for online text editing … Like similar Web services, Google Docs makes
it easy to share documents and to collaborate on projects …

Cited by 138 Related articles All 7 versions

https://tinyurl.com/ydx4eqeq

*

Like technology from an advanced alien culture: 
Google apps for education at ASU

K Barlow, J Lane - Proceedings of the 35th annual ACM SIGUCCS fall …, 2007 - dl.acm.org

… launching Gmail for ASU – students were converting their email accounts to Gmail for ASU at
the rate of 300 per hour the day the application was announced – ASU introduced to students
the Google Personal Start Page in November and Google Docs and Spreadsheets in …

Cited by 66 Related articles All 3 versions

https://tinyurl.com/ycvwe4kg

*

[PDF] Privacy for google docs: Implementing a transparent encryption layer

L Adkinson-Orellana, DA Rodríguez-Silva… - 2nd Cloud Computing …, 2010 - gradiant.org

Cloud Computing is emerging as a mainstream technology thanks to the provided cost 
savings in deployment, installation, configuration and maintenance. But not all is positive in 
this new scenario, user's (or company's) confidential information is now stored in servers …

Cited by 12 Related articles All 4 versions

https://tinyurl.com/ybt987dk

*

[CITATION] Innovative uses for Google Docs in a university language program

M Firth, G Mesureur - The JALT CALL Journal, 2010

Cited by 18 Related articles

https://tinyurl.com/ya64sve4

*

Using google wave and docs for group collaboration

DA Riley-Huff - Library Hi Tech News, 2010 - emeraldinsight.com

… The Google Docs experience: a group conference presentation. Section: Choose Top of page
Introduction The Google Docs experienc … The Google Wave and Google Docs experience.
Section: Choose Top of page Introduction The Google Docs experienc …

Cited by 12 Related articles All 3 versions

https://tinyurl.com/ycej7lh7

*

Google Docs in higher education settings: A preliminary report

J Reyna - EdMedia: World Conference on Educational Media and …, 2010 - learntechlib.org

It has been determined that students of the School of Education are widely spread 
throughout the Greater Western Sydney Region and have competing schedules due to 
being enrolled full time in a course and having a full time job. This makes group …

Cited by 12 Related articles All 4 versions

https://tinyurl.com/ybjdvcvc

*

[PDF] Point systems made simple with Google docs

E Blood - Intervention in School and Clinic, 2011 - journals.sagepub.com

Docs is the ability for multiple users to work on the same shared document, eliminating the 
need to pass numerous drafts of a document back and forth between users. Only the most 
recent version of the file is saved and stored online in Google Docs, making it unnecessary …

Cited by 12 Related articles All 2 versions

https://tinyurl.com/ybyyd5fj

*

Digital forensic investigation of cloud storage services

H ChungJ ParkS Lee, C Kang - Digital investigation, 2012 - Elsevier

… The artifacts that they create in PCs and smartphones differ between different services, depending
on the specific features of the service. In this paper, we have chosen four services, namely
Amazon S3, Google Docs, Dropbox, and Evernote … 3.4. Google Docs …

Cited by 177 Related articles All 11 versions

https://tinyurl.com/ya5h6xxr

*

Using Google Docs to enhance medical student reflection

DR George - Medical education, 2012 - Wiley Online Library

… Medical Education. really good stuff. Using Google Docs to enhance medical student reflection …
Citing Literature Number of times cited: 4. Stella L Ng, Elizabeth A Kinsella, Farah Friesen
and Brian Hodges, Reclaiming a theoretical orientation to reflection in medical education …

Cited by 11 Related articles All 5 versions

https://tinyurl.com/ybw8y4tc

*

One of many free survey tools: Google docs

L Travis - Journal of Electronic Resources in Medical Libraries, 2010 - Taylor & Francis

Google Docs is a feature from Google that allows users to collaborate on documents, forms, 
presentations, and spreadsheets. Google Docs is an easy-to-use, freely-available survey-
creation tool with a variety of question types that should meet the needs of most survey …

Cited by 9 Related articles All 3 versions

https://tinyurl.com/y83gtgk5

*

[BOOK] Google docs 4 everyone

S Holzner, N Conner - 2009 - books.google.com

Who needs expensive, old-fashioned office software? Now, you can do everything online, 
free, with Google Docs! Experts Steve and Nancy Holzner offer simple, step-by-step 
instructions and great insider tips for making the most of Google's powerful online word …

Cited by 15 Related articles All 4 versions

https://tinyurl.com/y9nfp988

*

Making “Google Docs” user interface more accessible for blind people

G MoriMC BuzziM BuzziB Leporini… - … on Advances in New …, 2010 - Springer

Groupware systems are increasingly embedded in our everyday life, both at the office and at 
home. Thus groupware systems should offer easy interaction for all, including the differently-
abled. In this paper we describe the design and implementation of a modified version of …

Cited by 10 Related articles All 7 versions

https://tinyurl.com/ydx5fhpm

*

The impact of Google Docs on student collaboration: a UAE case study

FF Ishtaiwa, IM Aburezeq - Learning, Culture and Social Interaction, 2015 - Elsevier

This study had a two-fold aim;(i) to investigate the impact of Google Docs on enhancing four 
types of collaboration, and (ii) to identify the factors limiting student collaboration via Google 
Docs. Data collected through questionnaires and semi-structured interviews. The findings …

Cited by 14 Related articles All 2 versions

[PDF] tandfonline.com


https://tinyurl.com/y9fdrv5t

 

*

The “Chalk Talk” 2.0: using Google Docs to improve the silent discussion in social studies

SL Roberts - The Social Studies, 2013 - Taylor & Francis

Discussion has long been identified by many in the field of social studies education as one 
of the most important elements of social studies instruction. However, many classroom 
teachers face several challenges in implementing the strategy. As a way to combat these …

Cited by 10 Related articles All 3 versions

https://tinyurl.com/y7e6dtws

*

Collaborative editing for all: the google docs example

G MoriMC BuzziM BuzziB Leporini… - … on Universal Access in …, 2011 - Springer

Collaborative software tools allow people to share documents and knowledge via Internet, in 
a simple, economic and efficient way. Unfortunately collaborative software often relies 
heavily on visual features and dynamic technologies with user interfaces that are difficult to …

Cited by 9 Related articles All 13 versions

https://tinyurl.com/y7cmfb9l

*

Using Google Docs To Support Project-Based Learning.

D ÓBroin, D Raftery - AISHE-J: The All Ireland Journal of …, 2011 - search.ebscohost.com

Abstract Project-Based Learning is a wide-ranging approach that uses authentic problems to 
engage students. One of its main benefits is that it enables ideas in the classroom to be 
linked with real-life. Among its limitations: it is difficult for students to collaborate on artefacts …

Cited by 9 Related articles

https://tinyurl.com/ya3a2aux

*

Peer feedback in academic writing using Google Docs

B Hedin - LTHs 7: e Pedagogiska Inspirationskonferens, 2012 - diva-portal.org

This paper describes a method for students to give each other written feedback in academic 
writing using a Google Docs as a Social Annotation (SA) tool. Student attitudes to using this 
method has been evaluated, along with their attitudes towards using digital documents as …

Cited by 7 Related articles All 6 versions

https://tinyurl.com/y8yc3eyq

*

Training in the Clouds.

C Pretlow, T Jayroe - Computers in Libraries, 2010 - ERIC

In this article, the authors share how cloud-based applications, such as Google Calendar, Wikidot,
Google Docs, Google Sites, YouTube, and Craigslist, played a big part in the success of their
plan of implementing a technology training program for customers and employees …

Cited by 18 Related articles

https://tinyurl.com/ybvla3lx

 

*

[PDF] springer.com

Conditions for successful online document collaboration

M VallancePA Towndrow, C Wiz - TechTrends, 2010 - Springer

… With the development of Web 2.0 technologies, online document collaboration tools such as
Google Docs, Zoho Writer, SubEthaEdit and iStorm are becoming increasingly popular, especially
in educational contexts … online document collaboration tools such as Google Docs …

Cited by 34 Related articles All 16 versions

https://tinyurl.com/y958bwq6

*

Collaboration in the cloud at Google

Y Sun, D Lambert, M Uchida, N Remy - … of the 2014 ACM conference on …, 2014 - dl.acm.org

… 1. INTRODUCTION Google Docs is a cloud productivity suite and it is de- signed to make
computer-mediated collaboration easy and natural so that users can access any document they
own or that has been shared with them anywhere, any time and on any device …

Cited by 12 Related articles All 5 versions

https://tinyurl.com/yahgrlt9

*

Ex ante identification of disruptive innovations in the software industry 
applied to web applications: The case of Microsoft's vs. Google's office applications

A Keller, S Hüsig - Technological Forecasting and Social Change, 2009 - Elsevier

… Job, Product implemented as desktop application (incumbent), Product implemented
as web application (entrant). Word processing, Microsoft Word, Google Docs. Yahoo!
Zimbra. Spreadsheet, Microsoft Excel, Google Docs. Yahoo! Zimbra …

Cited by 73 Related articles All 7 versions

https://tinyurl.com/yaq8aycu

 

*

[CITATION] Google Drive vs. Dropbox, SkyDrive, 
SugarSync, and others: a cloud sync storage face-off

E Hamburger - The Verge, 2012

Cited by 12 Related articles

https://tinyurl.com/yb9l8k7l

 

*

[CITATION] Collaborative writing using Google Docs. 
Insights from writing projects in intermediate French classes

A Bota, J Guerra - EDULEARN11 Proceedings, 2011 - IATED

Cited by 7 Related articles
https://library.iated.org/view/BOTA2011COL

 

*

[CITATION] Online office apps get real: Google Docs vs. 
ThinkFree vs. Zoho, Web-based suites have become real challengers to desktop applications

D DeJean - 2008 - Jul

Cited by 9 Related articles

[PDF] dcu.ie
[Check source lists within resulting documents using the link at the top of this listing]

https://tinyurl.com/ya4879k7

*

[PDF] Computing in the clouds

A Weiss - networker, 2007 - computing.dcu.ie

… Taken further, Web-based applica- tions like Google Docs threaten core productivity applications
on the desktop. While the features of Google Docs are a slim shadow of a major, and majorly
profitable, appli- cation like Microsoft Word, it pro- vides a taste of a cloud-based future …

Cited by 873 Related articles All 11 versions

https://tinyurl.com/y8e2zkel


*

The role of simulation in neurosurgical education: 
a survey of 99 United States neurosurgery program directors

A Ganju, SG Aoun, MR Daou, TY El Ahmadieh… - World neurosurgery, 2013 - Elsevier

… Finally, one question studied the type of device best suited for simulation training. The
questionnaire was built using Google Docs™, and was sent individually via personalized email
to each program director detailing the goals and motives of the survey …

Cited by 58 Related articles All 8 versions

https://tinyurl.com/ydbfkhba

*

[PDF] Educational Technology: Using Google Docs as a Collaboration Tool

R Wagner - Athletic Training Education Journal, 2010 - natajournals.org

Most people know Google because of its search engine tool; however, it offers an equally 
impressive set of tools that allow the user to create, share, and edit¹ documents. Google 
Docs offers a suite of webrbased applications that allow for the creation of documents …

Cited by 6 Related articles

https://tinyurl.com/ybqlujh5

 

*

The integration of personal learning environments & open network learning environments

CH Tu, L Sujo-Montes, CJ Yen, JY Chan, M Blocher - TechTrends, 2012 - Springer

… Students are mandated to create a new iGoogle tab, named PLE, and to add re- quired course
gadgets to tabs, such as Twitter, Google Calendar, Google Docs, VoiceThread, Delicious, Google
Reader/RSS etc. while stu- dents are required to add optional gadgets …

Cited by 66 Related articles All 13 versions

https://tinyurl.com/yb9nmd3g

 

*

Survey into the seafood consumption preferences and patterns in the Portuguese population. 
Gender and regional variability

C Cardoso, H Lourenço, S Costa, S Gonçalves… - Appetite, 2013 - Elsevier

… Previous successful experience among research team members with the Google Docs© 2012
Google led to the utilization of this shareware. The Google Docs© allows for simple writing
procedures in order to make the questionnaire available in the internet …

Cited by 54 Related articles All 6 versions

[PDF] semanticscholar.org

https://tinyurl.com/y93pvv5p

 

*

[PDF] Cloud computing: changing cogitation about computing

MM Boroujerdi, S Nazem - World Academy of Science …, 2009 - pdfs.semanticscholar.org

… users and contact with Google Products. The other services that Google present,
is Google Docs. Google Docs is the link to the concept software as a service (SaaS)
ie a type of Cloud Computing. A web based application that …

Cited by 42 Related articles All 5 versions

[PDF] academia.edu

https://tinyurl.com/ybe7hbt8

 

*

Learn to use and use to learn: Technology in virtual collaboration experience

E KarpovaAP CorreiaE Baran - The Internet and Higher Education, 2009 - Elsevier

… The theme consists of five sub-themes, by the total number of different types of
technology employed by the global teams in this project (ie, Acrobat Connect
Professional, Google Docs, e-mail, Skype, and WebCT) … 4.1.4. Google Docs …

Cited by 82 Related articles All 8 versions

https://tinyurl.com/y9g8hfjd

*

[PDF] A university's information literacy assessment program using Google Docs

M HsiehP Dawson - Brick and Click Libraries, 2010 - ERIC

Abstract The Rider University academic community has adopted information literacy (IL) as 
one of the core learning objectives for undergraduates. The IL objectives are based on the 
ACRL IL Competency Standards for Higher Education. The Moore Library developed an …

Cited by 9 Related articles

https://tinyurl.com/y9bqn2ce

*

Design and code reviews in the age of the internet

B Meyer - Communications of the ACM, 2008 - dl.acm.org

… We retain Skype's chat mechanism, so a window available to all participants is active
throughout the review; Google Docs for shared documents. Providing a primitive
Microsoft-Word- like editing framework, Google Docs works …

Cited by 38 Related articles All 15 versions

https://tinyurl.com/yd9tepu9

 

*

 

[CITATION] How Google Docs Works

J Strickland - How stuff works.[Online][Cited: 3 1, 2013.] http …, 2008

Cited by 9 Related articles

https://tinyurl.com/yawndvc8

*

[BOOK] The new language of qualitative method

JA Holstein, JF Gubrium - 1997 - librarydor.info

… The New Language of Qualitative Method - Google Docs Gubrium, JF and Holstein, JA (1997)
The New Language of Written in an accessible and engaging style, The New Language of
Qualitative Method can be adopted in courses across the social sciences, and may also be …

Cited by 1877 Related articles

https://tinyurl.com/y9sorke7

https://tinyurl.com/ybac96vz

*

[BOOK] The bioregional imagination: Literature, ecology, and place

T Lynch, C Glotfelty, K Armbruster - 2012 - books.google.com

… To create common ground and foster conversation among the essays, we set up a Google Docs
site, where we uploaded a half-dozen core readings in bioregionalism and where contributors
could read one another's drafts, making possible many of the cross references in the …

Cited by 78 Related articles All 3 versions

[PDF] practiceengineer.com

https://tinyurl.com/yb3sw4wj

 

*

[PDF] How Google took over the classroom

N Singer - New York Times, 2017 - practiceengineer.com

… laptop. They opened Google Classroom, an app where teachers make assignments.
Then they clicked on Google Docs, a writing program, and began composing essays.
Looking … said. “Nowadays, we can just do it in Google Docs.” …

Cited by 26 Related articles

[PDF] iupui.edu

https://tinyurl.com/y7vfmjy2

 

*

[PDF] iTeaching and learning: Collegiate instruction incorporating mobile tablets

W Miller - 2012 - scholarworks.iupui.edu

… To a greater degree, Stamper uses the iPad and Google Docs forms with students
to encourage self-assessment and confidence building in language learning. In
these iPad activities, Stamper adapts Google Docs forms into …

Cited by 81 Related articles All 11 versions

https://tinyurl.com/y9stlvlm

*

Factors influencing the adoption of cloud computing by small and medium size enterprises (SMEs)

SR Tehrani, F Shirazi - International Conference on Human Interface and …, 2014 - Springer

… The results of analysis reveal that the person's emotional response is a factor that significantly
influences the students' intention to use Google Docs … Rogers [30] argues that each innovation
has different 1 Google Docs is a cloud service provided by Google. Page 4 …

Cited by 63 Related articles All 4 versions

https://tinyurl.com/y7qt7tq5

 

*

New online technologies for new literacy instruction

K McPherson - Teacher Librarian, 2007 - search.proquest.com

… GOOGLE DOCS AND SPREADSHEETS Initially dubbed Writely and recently bought out by Google,
Google Docs and Spreadsheets (docs.google.com) is a program that, according to its home page,
“is a web~based word processing and spreadsheet program that keeps …

Cited by 15 Related articles

[PDF] eovirtual.com

https://tinyurl.com/ybml8nvd

 

*

Facilitating student-driven constructing of learning environments using Web 2.0 personal learning environments

E RahimiJ van den Berg, W Veen - Computers & Education, 2015 - Elsevier

… with “just-in-time” and “at-your-fingertips” learning opportunities and can support a wide range
of teaching and learning activities including creative and collective contribution (Twitter, Facebook),
knowledge (co-)producing (wikis, YouTube, Google Docs), communication (Skype …

Cited by 76 Related articles All 5 versions

https://tinyurl.com/y9cyqua9


*

[PDF] A study of student use of cloud computing applications

CW Taylor, DS Hunsinger - Journal of Information Technology …, 2011 - jitm.ubalt.edu

… D. SCOTT HUNSINGER APPALACHIAN STATE UNIVERSITY hunsingerds@...
ABSTRACT Cloud computing is a general term for delivering hosted services over the Internet.
Google provides a service called Google Docs, a widely used example of cloud computing …

Cited by 42 Related articles All 3 versions

https://tinyurl.com/y8dhtodp

*

[CITATION] Collaborative learning using Google docs and maps

C McMorran - Technology in Pedagogy, 2013

Cited by 8 Related articles

https://tinyurl.com/y8x922dv

*

Learning analytics beyond the LMS: the connected learning analytics toolkit

K Kitto, S Cross, Z WatersM Lupton - Proceedings of the Fifth …, 2015 - dl.acm.org

… http://activitystrea.ms/schema/1.0/create Youtube Video Create Google+ Text/URL/Photo/Video/
Files Create Google docs Text/URL/Photo/Video/Files Create Twitter Text/URL/Photo/Video Posted …
Google+ Text/URL/Photo Comment Google docs Text/URL Comment …

Cited by 46 Related articles All 8 versions

https://tinyurl.com/yanl8smh

 

*

21st‐century literacies, critical media pedagogies, and language arts

E Morrell - The Reading Teacher, 2012 - Wiley Online Library

… I place article in quotes because what I really have is one long text file that I edit via Google
Docs, and there is a chance that you will be reading this from an iPad, a Nook or Kindle,
or some other electronic device that is devoid of paper and ink …

Cited by 62 Related articles All 4 versions

[PDF] usq.edu.au

https://tinyurl.com/ybrz95k7

 

*

Online tools for language teaching

JB Son - TESL-EJ, 2011 - eprints.usq.edu.au

… They encompass Google Docs, TitanPad, Zoho Writer, Box.net, Dropbox, VoiceThread, Xtranormal,
Flickr, Picasa, MyPodcast, PodOmatic, Glogster, Screenr, Slideshare, PhotoPeach, Dipity, OurStory,
Jing, SchoolTube, TeacherTube, VideoPress, Vimeo, WatchKnow and …

Cited by 34 Related articles All 7 versions

[PDF] oerafrica.org

https://tinyurl.com/ya89dxru

 

*

[PDF] Collaboration tools

C Lomas, M Burke, CL Page - Educause learning initiative, 2008 - oerafrica.org

… For two hours, the researchers discussed their mutual projects and where a potential collaboration
might take place. As details emerged, Ayla sent a link to a shared document in Google Docs and
captured their ideas—in real time—for her international colleagues …

Cited by 64 Related articles All 14 versions

https://tinyurl.com/y7mqs94y

*

[PDF] Google docs: a review

R Attebury, J George, C Judd, B Marcum - Against the Grain, 2013 - docs.lib.purdue.edu

Librarians are continually challenged to find new and better ways to collaborate. In today's 
world, it has become increasingly difficult to get everyone together in the same room, much 
less at the same time. But there's hope. Google Docs is an application that can help solve …

Cited by 7 Related articles All 2 versions

https://tinyurl.com/y8ff82nq

 

*

[PDF] Process mining to support students' collaborative writing

V Southavilay, K YacefRA Callvo - Educational Data Mining 2010, 2010 - researchgate.net

… It integrates a front-end writing tool, Google Docs, which not only supports collaborative writing
activities, but also stores all revisions of documents created, shared, and written by groups of
authors. WriteProc uses two process and text mining tools, ProM [9] and TML [13] …

Cited by 39 Related articles All 9 versions

https://tinyurl.com/ycbnddeb

*

New work modes for collaborative writing

H Skaf-MolliC Ignat, C Rahhal, P Molli - International Conference on …, 2007 - hal.inria.fr

… Moreover, some existing collaborative tools can be clas- sified as belonging to several categories
represented by the CSCW matrix. For instance, it is the case of Version Con- trol Systems (VCS)
and Google Docs. VCS [7] use the copy-modify-merge paradigm …

Cited by 32 Related articles All 11 versions

https://tinyurl.com/y8f97maq

 

*

 

Teaching chemistry using student-created videos and photo blogs accessed 
with smartphones and two-dimensional barcodes

L Benedict, HE Pence - Journal of Chemical Education, 2012 - ACS Publications

ADVERTISEMENT …

Cited by 47 Related articles All 5 versions

[PDF] computer.org


https://tinyurl.com/yd23n2tp

*

 

A decision framework for cloud computing

S Kaisler, WH Money, SJ Cohen - System Science (HICSS) …, 2012 - ieeexplore.ieee.org

… Total Control Limited Tailoring SalesForce. com Google Docs Gmail Platform as a Service (PaaS)
Total Control Limited Program mability … (PaaS) Application: This layer includes pre built, network
accessible applications and services (eg, Google Docs, Salesforce, etc.) …

Cited by 55 Related articles All 4 versions

https://tinyurl.com/ycjhhwbl

 

*

 

[PDF] microsoft.com

That syncing feeling: early user experiences with the cloud

C MarshallJC Tang - Proceedings of the designing interactive systems …, 2012 - dl.acm.org

… While Dropbox and Google Docs are two of the most popular, they compete with a wide range
of services with different features and cost structures … Regarding how much they used each service,
57% said that they used Dropbox frequently, followed by Google Docs at 47 …

Cited by 57 Related articles All 3 versions


https://tinyurl.com/y8n5zr79

 

*

Saving time with technology

K Gullen, H Zimmerman - Educational Leadership, 2013 - learntechlib.org

… for the following day using an interactive whiteboard and microphone and posts the videos to
YouTube for students to view as homework or during part of class the next day; and (3) Holly
Zimmerman's own 10th grade English classroom where she uses Google Docs to teach …

Cited by 38 Related articles All 2 versions

https://tinyurl.com/y97omej2

 

*

[CITATION] D., & Raftery, D.(2011). Using Google Docs To Support Project-Based Learning

Ó Broin - AISHE-J: The All Ireland Journal of Teaching and …

Cited by 7 Related articles

[HTML] tandfonline.com

https://tinyurl.com/y7z2zg8s

 

*

 

Technology for tomorrow's teachers

K Roth - 2014 - Taylor & Francis

… A video depicting how one teacher is using Google Forms for rubric-based assessment
can be found at http://goo.gl/iPPzVZ. Google Docs is another tool college professors
can use with their students as they collaborate on work …

Cited by 29 Related articles All 3 versions

[PDF] psu.edu

https://tinyurl.com/y8xdlbhr

 

*

 

A rule-based approach for effective resource provisioning in hybrid cloud environment

RK Grewal, PK Pateriya - New Paradigms in Internet Computing, 2013 - Springer

… That eliminates the need to install. Yahoo mail, Google docs applications, Salesforce.com CRM
apps, Microsoft Exchange Online, Facebook are all instances of SaaS … The DaaS could be found
at some popular IT services, eg Google Docs and Adobe Buzzword …

Cited by 43 Related articles All 4 versions

https://tinyurl.com/yccvb5us

*

 

[PDF] proquest.com

Integrating Internet technology into the EFL classroom: A case study

M Yamauchi - International Journal of Pedagogies and learning, 2009 - Taylor & Francis

… The web-based tools and services the students mainly used included POP Jisyo (an online
interactive dictionary: www.popjisyo.com), YouTube, Google, Blogger (a blog publishing system
integrated as part of Google services) and Google Docs (a web-based program for word …

Cited by 25 Related articles All 7 versions

https://tinyurl.com/yd9h8jdz

*

Cloud computing: a perspective study

L Wang, G Von LaszewskiA Younge, X He… - New Generation …, 2010 - Springer

… http://code.google.com/appengine/, access on Sep. 2008. 23) Google Chrome, [URL].
http://www.google.com/chrome/, access on Sep. 2008. 24) Google Docs, [URL]. http://docs.google.
com/, access on Sep. 2008. 25) Hadoop, [URL]. http://hadoop.apache.org/, access on Sep …

Cited by 759 Related articles All 21 versions

https://tinyurl.com/ycy75pwf

*

[PDF] Student inquiry and Web 2.0

P Berger - School Library Monthly, 2010 - Citeseer

… Students can open their browsers and begin to edit word process- ing documents or spreadsheets
in Google Docs or Zoho Notebook; create mindmaps in Bubbl.Us or Mindmeister; organize, share,
and swap information in Wikispaces; and even hold online meetings in Skype …

Cited by 30 Related articles All 6 versions

https://tinyurl.com/y9wt6j7r

*

The potential of web 2.0 tools to promote reading engagement in a general education course

SW Park - TechTrends, 2013 - Springer

… Twitter, and Facebook. Examples of Web 2.0 Tool Use to Enhance Reading
Engagement Example 1: Google Docs Google Docs (https://docs.google.com) is
a wiki tool available among various Google prod- ucts. A wiki is a …

Cited by 33 Related articles All 7 versions
https://tinyurl.com/ya4fdymx

 

*

 

*

 
 
 






RESEARCH GUIDE : ORIGINAL GUIDE : EMPLOYMENT The Curriculum Vitae: PART TWO

David P. Dillard
 
Edited




Links to All Significant Subject Discipline Journal Ranking Lists FROM SCIMAGO and Based on SCOPUS

Health and Medical Periodical Resources,Finding Tools AND Medical and Public Health Journal Ranking Lists by Specific Medical and Health Fields