Tag Archives: web standards

Minimized HTML5 Attributes, Selectors & jQuery

After working with some HTML5 web forms attributes on a small project I have come to the conclusion that for now it is best to…

Use <input required="required"> not <input required>

Some backstory — A few weeks back I was working on a small non-public web site heavy on forms and thought it would be a good fit as an HTML5 test case. For a variety of technical reasons [input formatting in particular] I didn’t go whole hog into it using all the various input type attributes, but did use the required attribute as a hook for JavaScript based form validation and styling. What I found was that generally there was adequate support for styling and selecting based on this new, and unknown to many browsers, required attribute — Yay! we can use this stuff today! However, there were a few browser CSS selector and jQuery 1.3.2 quirks that lead me to the conclusion that it is safest to use the expanded form of the required attribute and not the minimized or shorter form as HTML5 allows. This gives you the most solid and flexible options when choosing selectors in CSS or jQuery code.

Continue reading

This entry was posted in web and tagged , , , , , , , , , , . Bookmark the permalink.

Blue Beanie Day 2009

Blue Beanie Day '09

Today, November 30, is the 3rd annual Blue Beanie Day — a celebration and visible show of support for Web Standards & semantic, accessible markup. Web designers, developers, and users around the world are sporting blue beanies on their avatars to show their support for doing things right.

Continue reading

This entry was posted in web and tagged , , , , , , , , , . Bookmark the permalink.

Wrap Up: Standards-Next NYC

On Friday Nov. 20th, ending a wall to wall week of conferences and general geeking out about web technologies I had the pleasure of both attending and speaking at Standards-Next at the Time-Life building in Manhattan. Industry big shots HÃ¥kon Wium Lie [inventor of CSS! OMG!], Molly Holzschlag, Andy Budd and Pete LePage of Microsoft [sans flak jacket] guided an enthusiastic audience through the tools we’ll be using to build web sites over the next few years.

Continue reading

This entry was posted in web and tagged , , , , , , , , . Bookmark the permalink.

CSS3 Trials: Box-Shadow And More

With some recent projects — like the redesign of Hike New Jersey and a little Flickr View Larger tool — I’ve had the opportunity to try a few bleeding edge techniques as a means of enhancing the look of a site while keeping code and maintenance down. In his recent book Handcrafted CSS, Dan Cederholm calls this ‘progressive enrichment’ — or providing a little extra spice in the visuals for the few browsers that can follow along, while functionality, page structure, and general styling rules remain at some stated baseline across browsers. While working with these new properties like box-shadow and rgba colors I hit a few quirks that I thought I’d share.

Continue reading

This entry was posted in web and tagged , , , , , , , , , , . Bookmark the permalink.

Future Of Web Design London Audio

The good folks at Carsonified have posted audio and slides of the FOWD London 2009 speakers including Molly E. Holzschlag giving an overview of the status of web standards, Simon Sankarayya on designing interfaces, both online and physical, and Robin Christopherson giving a JAWS demo and discussing design and accessibility in a Web 2.0 world.

dogwoods Continue reading

This entry was posted in web and tagged , , , , , , , , , , . Bookmark the permalink.

Branding The WaSP InterAct Web Site

A few weeks ago The Web Standards Project and WaSP Edu Task Force launched a new venture to help create a curriculum outline, guidelines and course samples for those teaching a variety of web related disciplines [it takes more then just good HTML coders to create a good web site]. While I may have had my hands in the code for the site, the real heavy lifting of designing the site and creating the foundation and content for the curriculum project was done by others.

WasSP InterAct printed materials Continue reading

This entry was posted in design, web and tagged , , , , , , , , , , , . Bookmark the permalink.