[webdev] Web Design Update: March 1, 2018

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

[webdev] Web Design Update: March 1, 2018

David Dillard
Administrator



.



Date: Thu, 1 Mar 2018 05:11:53 -0600
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
Subject: [webdev] Web Design Update: March 1, 2018


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





[Issue ends.]




*