+++ WEB DESIGN UPDATE.
- Volume 10, Issue 39, March 23, 2012.

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: CASCADING STYLE SHEETS.
03: EVALUATION & TESTING.
04: EVENTS.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: PHP.
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.

Screen Readers and details/summary
By Jason Kiss.
"The HTML5 details and summary elements can be used to create a disclosure widget for showing and hiding content, something that typically has been done with JavaScript. For example, this type of interaction has often been used for things like FAQs: a list of questions is provided, but the answers hidden; clicking on any one of the questions toggles the display of the answer below it in accordion-like fashion..."
http://www.accessibleculture.org/articles/2012/03/screen-readers-and-details-summary/

Response to Blog Web Accessibility Initiative
By Dennis E. Lembree.
"This is a response to the blog Web Accessibility Initiative by Nathan Crause. Contrary to the title, the article attempts to disclaim the need for web accessibility, particularly for visual impairments. I submitted a comment but it wasn't posted. So here it is..."
http://webaxe.blogspot.com/2012/03/response-to-blog-web-accessibility.html

Feds Look To Boost Web Accessibility
By Shaun Heasley.
"The Obama administration is asking for the public to weigh in on how to make government websites and other information technology more accessible for people with disabilities..."
http://www.disabilityscoop.com/2012/03/20/feds-boost-accessibility/15216/


+02: CASCADING STYLE SHEETS.

How to Create Stunning Effects With 165 Media Queries or Less!
By Arley McBlain.
"Arley recently redesigned his site and it has some pretty neat CSS effects on it. I asked him if he'd like to share some of them and this article is his kind oblige..."
http://css-tricks.com/lark-queries/

CSS Regions: One Year In
By Vincent Hardy and Alan Stearns.
"Almost a year ago, Adobe began an effort to allow high quality, magazine style content to be displayed on the Web using the Open Web Platform (HTML5, CSS)..."
http://blogs.adobe.com/webplatform/2012/03/16/css-regions-one-year-in/

Flexibility - A Foundation for Responsive Design
By Emily P. Lewis.
"If you haven't been living under a rock for the past year or so, you know that responsive Web design is one of the biggest trends these days. Introduced by Ethan Marcotte, the concept is simple: develop a site using methods that enable it to adapt and respond to different devices and resolutions..."
http://msdn.microsoft.com/en-us/magazine/hh912616.aspx


+03: EVALUATION & TESTING.

Talking Out Loud Is Not the Same as Thinking Aloud
By Mike Hughes.
"...get your participants to think aloud, but encourage comments that illuminate the problem space - because that's what usability testing is all about..."
http://www.uxmatters.com/mt/archives/2012/03/talking-out-loud-is-not-the-same-as-thinking-aloud.php


+04: EVENTS.

Breaking Development 2012: Design and Development for the Mobile Web
April 16-18, 2012.
Orlando, Florida, U.S.A.
http://2012.bdconf.com/

UX London
April 18-20, 2012.
London, United Kingdom
http://2012.uxlondon.com/

Essentials of Accessibility/Section 508
April 24-25, 2012.
Washington, DC, U.S.A.
http://www.howto.gov/training/classes/essentials-of-accessibility

WebDU
May 2-4, 2012.
Sydney, Australia
http://www.webdu.com.au/

WebAIM Training
May 23-24, 2012.
Logan, Utah, U.S.A.
http://webaim.org/training/


+05: JAVASCRIPT.

The 10 Best JavaScript Development and Design Habits
By Larry Ullman.
"JavaScript is an easy language to use, and a necessary one in today's web. So much so that many developers come to JavaScript without any formal programming education. Hence, it's not uncommon for developers to have years of JavaScript practice (or experimentation) under their belts without ever having established some best development and design habits. In this article, Larry Ullmans explains the 10 best ones..."
http://www.peachpit.com/articles/article.aspx?p=1847299

How to Work with Simple Variable Types in JavaScript
By Larry Ullman.
"This chapter starts with the basics of variables in JavaScript, and then covers number, string, and Boolean variables. Along the way you'll find plenty of real-world code, representing some of the actions you will take with these simple variable types..."
http://www.peachpit.com/articles/article.aspx?p=1847297


+06: MISCELLANEOUS.

Stop Obsessing over Native Mobile Apps
By Paul Boag.
"Stop obsessing over native mobile apps: you don't need one. How's that for a controversial sweeping statement to grab your attention? Although almost certainly the perfect definition of link bait, it also happens to be true for the majority of organisations..."
http://boagworld.com/talks/mobile/

Vector Images for Mobile
By Luke Wroblewski.
"As higher resolution screens continue to make their way to popular and increasingly affordable devices, the need for resolution-indendent (vector) graphics on the Web becomes more apparent. So I've been looking into what's possible on mobile browsers today..."
http://www.lukew.com/ff/entry.asp?1515

Responsive Web Design - Missing the Point
By Brad Frost.
"Don't feel like you need to include 750 media queries and jump through 100,000 hoops just so you can proclaim 'Yes! My site is Grade A, Grass-fed, 100% Responsive Certified.' Instead, do whatever is necessary to create a great user experience. Responsive design is the real deal. It is not a fad. It's a legitimate attempt to address the massive challenge of delivering great experiences to this explosion of devices and browsers."
http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/

Device-Agnostic Approach To Responsive Web Design
By Thierry Koblentz.
"This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media queries and breakpoints without any concern for devices..."
http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/


+07: NAVIGATION.

The Elements Of Navigation
By Petter Silfver.
"When users look for information, they have a goal and are on a mission. Even before you started to read this article, chances are you did because you either had the implicit goal of checking what's new on Smashing Magazine, or had the explicit goal of finding information about 'Navigation Design'..."
http://uxdesign.smashingmagazine.com/2012/03/20/the-elements-of-navigation/


+08: PHP.

PHP's Source Code For PHP Developers - Part 1 - The Structure 
By Anthony Ferraara.
"...In this post, we'll walk through the basics of the PHP application: where to find it, the general structure of the codebase and a few really fundamental concepts about the C language.  To be clear, the goal of the series is to get a reading comprehension of the source code.  So that means that at some points in the series, some simplifications will be made to concepts to get the point across without over-complicating things.  It won't make a significant difference for reading, but if you're trying to write for the core, there is more that will be needed.  I'll try to point out these simplifications when I make them... "
http://blog.ircmaxell.com/2012/03/phps-source-code-for-php-developers.html

Understanding PHP's Internal Function Definitions (PHP's Source Code for PHP Developers - Part 2)
By Anthony Ferraara.
"...What we'll cover in this article is locating the definitions of internal functions in the PHP codebase, as well as understanding them..."
http://nikic.github.com/2012/03/16/Understanding-PHPs-internal-function-definitions


+09: STANDARDS, GUIDELINES & PATTERNS.

About HTML Semantics and Front-end Architecture
By Nicolas Gallagher.
A collection of thoughts, experiences, ideas that I like, and ideas that I have been experimenting with over the last year. It covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression.
http://nicolasgallagher.com/about-html-semantics-front-end-architecture/


+10: USABILITY.

The Usability Principles, Accessibility Style
By Steve Grobschmidt.
"...Clear paths and clear content benefit everyone. The drum we keep beating is that accessibility makes things easier for everyone, regardless of whether they are disabled or not. These first three principles certainly reaffirm that. Whether you're a person with cognitive challenges, a visually-impaired person relying on screen readers, or none of the above - you want and need to be able to see where you are in an interactive experience, where you've been and where you need to go. Next time, we'll tackle a few more usability principles."
http://www.theaccessibility.com/2012/03/usability/

The Usability Principles, Accessibility Style: Part 2
By Steve Grobschmidt.
"Last week, we began looking at the time-honored 10 Usability Principles, and made parallels between them and accessibility. Because, at their root, these heuristics call for clear, clean experiences, it's not a stretch making that connection. In fact, it only exemplifies how accessibility is deeply-rooted in user experience."
http://www.theaccessibility.com/2012/03/usability-2/

Making Sense of Mobile Within the Enterprise
By James Robertson.
"Mobile is huge in the consumer space, and it's starting to have a big impact within organizations. Very rapidly, senior management are demanding iPhones and iPads, and trends such as BYOD ('bring your own device') are raising questions about the line between corporate and home tools..."
http://www.uie.com/articles/mobile_enterprise

The iPad 3 and Moore's Law
By Peter-Paul Koch.
"...be very careful in including Retina-optimised graphics on your site. It means the end user has to wait longer for a site to load, and that goes contrary to the current trend of faster, faster, faster. I'm very afraid that exactly because of its excellence the Retina display will be a severe set-back for the mobile web, and maybe also for native iOS apps. Apple shouldn't have ignored the fact that Moore's Law doesn't go for data connections."
http://www.quirksmode.org/blog/archives/2012/03/the_ipad_3_and.html


[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

Dreamweaver Information.
http://www.d.umn.edu/itss/training/online/webdesign/dreamweaver.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

Flash Information.
http://www.d.umn.edu/itss/training/online/webdesign/flash.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines.  Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu 


[Issue ends.]