Skip to content

Category Archives: HTML5

Useful Links: HTML5 magnets, HTML5 headings, ed tech, women in tech, Ginger, Stripe

Cameron Moll made a set of whiteboard magnets of HTML5 tags for his own family. He’s released the Illustrator file for you to do the same. Great idea for people teaching HTML5. HTML5 Whiteboard Magnets. JAWS, IE and Headings in HTML5. Must reading for accessibility information about how JAWS interprets heading structure, particularly in IE. [...]

Useful links: Airline sites, media queries, border style, scoped, YouTube

Proposed Regulations Address Airline Websites and Kiosks. There’s a long wait time before any proposed regs would take effect, but eventually they would be required to be accessible. Quick Tips: A Crash Course in CSS Media Queries at net tuts. How Do Browsers Render the Different CSS Border Style Values? Good screen shots and demo code [...]

HTML5 Dev Center

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 [...]

Useful links: HSL explained, HTML5 brief

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.

Useful links: Git links, HTML5 Readiness, Responsive Design, HSLA, Responsive Content

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 [...]

Useful links: HTML5 sections, block level links, charity: water

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 [...]

Media Accessibility User Requirements

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 [...]

Now curating HTML5 News

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 [...]

Useful links: Inclusivity, Ethan Marcotte, HTML5 forms

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

A Bloggers Guide to HTML5

Are you someone like me who thinks HTML is the most interesting topic on the planet? No? Not surprising, really. Most people have other things to think about. But even those among us – you! – who would rather think about other things have probably noticed a lot of headlines and blog posts that talk [...]