Useful links: top 50 books, form validation, Windows 8

Here’s what .net magazine thinks are the top 50 web design books. I haven’t read them all, but it is interesting that the titles they picked range from fairly technical to practical good sense to broadly philosophical.

Accessible form validation with HTML5 from Deque Systems uses HTML5, adds ARIA, and finally adds jQuery validation. This is the first of three parts.

Jakob Neilsen joins the list of critiques of Windows 8 for poor usability. Here are some early reviews of Windows 8 from several other sources.

Useful links: Figure/figcaption, a main element?

HTML5 Figure and Figure Caption Elements is an excellent tutorial with good code examples.

A couple of people are talking about the proposed ‘main’ element in HTML5 in On HTML5 and the proposed main element and The ‘main’ Element. Here’s the proposed ‘main’ element spec, by Steve Faulkner, that prompted the discussion. To contribute my opinion to the discussion of the proposed new element, I think it would be a valuable addition to HTML5. There is so much confusion as to the proper tag for the main content area of a page – should it be a div? A section? Something else? A new element with the semantic name and purpose ‘main’ is perfectly clear as to purpose and use.

Useful links: Flexbox, background-size, models of disability, smart objects, HTML5 headings

Opera Dev has a post by Chris Mills called Flexbox: fast track to layout nirvana?

Take advantage of the CSS background-size property is at .net magazine.

Models of disability and their relation to accessibility is a fascinating post by Martyn Cooper. The post conclusion will give you an idea of the different models of disability the article discusses:

Our models of disability are important, they shape our attitudes and impact on how effectively the needs and preferences  of disabled people are met in design. The medical model is now widely seen as outmoded and a perpetuator of  discriminatory attitudes. The social model has had widespread influence. It is important in accessibility considerations because it recognises the importance of the context of the users and supports the view of accessibility as a relationship property; in the case of web accessibility the relationship being between the diversity of users and the web resource or application. Functional models have been asserted as the most useful in design and development and the potential of these for personalisation and analytics highlighted.

Working with Smart Objects in Dreamweaver and Photoshop is by Tom Negrino.

HTML5 Ranked Headings for Screen Readers. Yep, your hierarchy on HTML5. How’s it working in screen readers?

Announcing Web Platform Docs

A great new resource for learning web design was announced at webplatform.org. It’s a wiki and participation by knowledgeable web designers and developers is needed. That said, it’s already a huge resource of the best information available.

Congratulations to everyone involved in this effort. The group calls itself the Web Platform Stewards, and includes

  • Adobe
  • Apple
  • Facebook
  • Google
  • HP
  • Microsoft
  • Mozilla
  • Nokia
  • Opera
  • W3C

Paul Irish has a lot of good ideas about how you can contribute to the site in Why I’m So Excited about Web Platform Docs.

Useful links: media queries, landmark roles, structural elements

CSS Media Queries is a Mozilla Dev Network basic tutorial on media queries.

Usable landmarks across desktop and mobile is from Henny Swan about which ARIA roles are the most useful and when to use them.

The truth about structuring and HTML5 page at .net magazine is sure to be controversial, as is the book it’s an excerpt from. Be sure to read it.