Category: HTML5

Useful Links: CSS Layouts, Sliders, 2011

The Future of CSS Layouts. It’s coming and it’s gonna be good. Check out this exciting post by Peter Gasston at .net.

What you need to know about the HTML5 Slider Element. There is no slider element in HTML5, the post is talking about the new input type ‘range’ combined with the JQuery function called ‘slider.’ If you can get past that, the rest of the post is useful.

What I Learned About the Web in 2011. Of all the things I’ve read and reread and loved at A List Apart over the years, I love this post more than anything I’ve ever seen there. It’s like a big, beautiful Christmas present to the web design community.

Useful links: Forms, WeTopia, Moodle, 24 Ways

How to Make Forms more Usable with HTML5 is a good tutorial from Steven Bradley.

The new WeTopia game on Facebook is described by TechCrunch. This game is a perfect example of what Jane McGonigal and other thinkers say about using game theory to create social good.

NC State U evaluates the accessibility of Moodle 2.1.1.

If you are like me and your subscription to 24 ways has been languishing quietly in your feed reader since last December, you know that 24 Ways is back. If not, be sure to check them out and have a great December with 24 Ways.

Useful links: Adaptive Design, nested figures, Susan Kare

Nice article on Opera Dev by Chris Mills about Adaptive Design with media queries.

Nested Figure Elements on Paciello Blog.

The Sketchbook of Susan Kare: The Artist Who Gave Computing a Human Face. Did you know about Susan Kare? I’d never heard of her before. I certainly think a mention of her contribution to the GUI needs to be included in Introductory courses on history of the Internet and history of computing.

Adobe changes approach to Flash Player for Mobile

Adobe announced yesterday that it will stop developing the Flash Player for mobile devices. They will continue to support the Flash Player on desktop devices.

Their statement said,

Our future work with Flash on mobile devices will be focused on enabling Flash developers to package native apps with Adobe AIR for all the major app stores.

Adobe also claims to be committed to using HTML5 on mobile devices. Adobe has made some moves in the direction of HTML5 in Dreamweaver CS 5 and CS 5.5. (I expect the next version of Dreamweaver to be much more oriented to HTML5.)

Useful links: Image Styles, HTML5 book, web standards

CSS3 Image Styles is a terrific tutorial explaining how to use CSS3 and background images to do some very cool things.

You can now read HTML5 for Web Designers by Jeremy Keith online. This is an excellent book, go read it. The site is built in HTML5. Look under the covers.

I’d like to examine this infographic of the history of web standards. I can’t zoom it large enough to read. That’s my problem with most infographics. Got any good ideas about how to make it readable?

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.

Applying the 7 Golden Rules: One Teachers Take on Technology. At Mind/Shift.

If you’re a Google+ user, you might be interested in the public circle of the women who made Google + that Marshall Kirkpatrick created on Ada Lovelace Day.

If you have any interest in HTML5 video, you should be reading Ginger’s Thoughts.

If you are selling something on your web site, you might take a look at Stripe, which promises ease of use in collecting payments.

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 from Louis Lazaris.

On the (abominable) proposed HTML5 “scoped” attribute for style elements. John Allsopp tells it like it is.

YouTube launches new site for teachers. Will this help you?