Tips, web design book reviews, resources and observations for teaching and learning web development.
Sitepoint recently announced a new section on the website called the HTML5 Dev Center.
That leads me to remind you that I’ve collected all the best HTML5 resources on a site called HTML5 News. HTML5 News is updated almost daily with the latest information about HTML5 for designers, developers, and teachers. It’s a great resource to which you can subscribe.
What does Hue, Saturation, Luminosity Mean in Your Image Editor is a video that will help you grok what HSL is all about.
HTML5: Briefing notes for journalists and analysts from HTML5 Doctor might include ‘instructors who haven’t had time to keep up with HTML5’ in the title.
Git link roundup from Tiffany B. Brown.
HTML5 Readiness is an infographic site, showing adoption of various HTML5 features by the major browsers.
21 Top Tips for Responsive Web Design at .net has tools and links and great resources.
HSLA Color Picker from Standardista is a really nice tool that lets you see your color as you’re working on it.
Here’s a new idea: How Responsive Web Design Becomes Responsive Web Publishing.
Don’t Style Headings Using HTML5 Sections is a look at the section element and how it works with headings and document flow. Very interesting.
Block level links and accessibility from 456 Berea Street looks at headings and other block level elements from a different point of view.
Charity: Water Sends Personal Video Thank Yous. There’s a lot business can learn from the non profit world. This is one example.
The W3C issued a new editor’s draft of Media Accessibility User Requirements. The introductory paragraphs explain what it’s about. I’ve added emphasis.
This document aggregates the requirements of an accessibility user that the W3C HTML5 Accessibility Task Force has collected with respect to audio and video on the Web.
It first introduces a background on the needs of sensory impaired users, which is particularly meant as an introduction for people who never had to consider such needs in relation to audio and video.
Then it explains what alternative content technologies have been developed to help such users gain access to the content of audio and video.
A third section explains how these content technologies fit in the larger picture of an accessibility system, both technically within a Web user agent and from a production process point of view.
This document is most explicitly not a collection of baseline user agent or authoring tool requirements. It is important to recognize that not all user agents (nor all authoring tools) will support all the features discussed in this document. Rather, this document attempts to supply a comprehensive collection of user requirements needed to support media accessibility in the context of HTML 5. As such, it should be expected that this document will continue to develop for some time.
Please also note this document is not an inventory of technology currently provided by, or missing from HTML 5 specification drafts. Technology listed here is here because it’s important for accommodating the alternative access needs of users with disabilities to web-based media. This document is our inventory of Media Accessibility User Requirements.
In typical W3C fashion, what follows is not particularly fun reading, but I think it’s relevant information for anyone who is using audio and video in HTML5.
Front end developers and web educators will be most concerned about the alternative content technologies. I’m reproducing that section of the table of contents so you can jump from here right to the section of most interest to you.
It’s safe to assume that the document will change several times before it is considered finished. Many people are already using HTML5 and trying to figure out the best way to work with the new audio and video elements. This information is worth keeping in mind for those who are on the leading edge in HTML5 audio and video.
I read so many HTM5 posts, I decided to use scoop.it to curate a site called HTML5 News.
You can subscribe to HTML5 News by RSS. If you don’t want to subscribe, I’ve put a link to it in the sidebar here on Web Teacher. You can find it there if you want to take an occasional look.
I’m open to new sources of news if I’ve missed any good ones. You can suggest sources on the HTML5 News site.
We need to face the fact that I’m now officially a fan of apps that allow me to organize and curate topics in which I have an interest. I use Flickr to collect photos of women in tech, I use paper.li to collect tweets from women in web education, and now scoop.it. Are any one of these tools better than the other? No, they all have a purpose.
Inclusivity Requires a Paradigm Shift is a long article about accessibility and many surrounding issues. It’s worth the time it takes to read.
Interview with Ethan Marcotte is a podcast about responsive web design.
HTML5 Forms Input Types, Attributes And New Elements – Demos, Tips And Tricks