Projects

html5lib-python

A Python based HTML parser/tokenizer based on the WHATWG HTML specification for maximum compatibility with major desktop web browsers.

Validator.nu

claimed by Mozilla Foundation

An online validation service for HTML and XHTML and other markup languages.

canvas-text

What is this library for? This Javascript library implements the three methods to draw text on HTML5 tags (strokeText, fillText and measureText) to the browsers which don't already have it (Firefox 2/3.0, Internet Explorer 6+, Opera 9+, Safari 3.x, Chrome 1.0). The main goal of this ... [More] implementation is to respect the specs given by the W3C and WHATWG for the HTML5 tag. It doesn't change the already implemented functions in Firefox 3.5+, Safari 4 and Chrome 2+ and doesn't require any other library except ExCanvas for Internet Explorer. This project is partially based on the work of David Chester in his project typeface.js and some code from ModularJS by César Izurieta. [Less]

html-5-sql-player

A browser-based player for HTML5 SQL (Client-side database storage, section 4.11) functionality.

input-type-date

DescriptionThis script generates a calendar widget when the user focuses on an input element whose type attribute is set to 'date'. The widget disappears when the user either selects a value from the widget or when the control loses focus. The underlying input element's value is set to ... [More] the chosen date in ISO8601 format (YYYY-MM-DD). The widget only partially implements the form validation model. It only fires the 'invalid' and 'input' events in DOM Level 2 Events supporting browsers (i.e. not IE6/7); however, it will execute a function assigned to the control's 'oninvalid' or 'oninput' javascript property or any code in the respective element attributes. The keyword 'this' will not be available in that context, though an event object from which it can be retrieved (through the srcElement property) will be passed as an argument. It does not implement the form event model. UsageSimply place the script in the head section of your document. [Less]

genshihtml5

Genshi is a Python toolkit for stream-based generation of output for the web. This projects enables Genshi to use HTML5 as: input: similar to the built-in tag soup support, see http://genshi.edgewall.org/wiki/GenshiRecipes/HtmlTransform for an example of use output: similar to the built-in HTML ... [More] support but follows HTML5 rules for optional tags and serialization template language: similar to the built-in XML Template Language (work in progress) HTML5 parsing is done using html5lib [Less]

realstorage

realStorage is meant to create a consistent API for the W3C Web Storage key/value store specification (i.e. work around browser bugs). It also adds some convenience functions to help flesh out the localStorage key/value API. And when Web Storage is not available, a Gears fallback is provided.

webforms2

Update, 3 June 2009: Now that the Web Forms 2.0 has been edited into HTML5, this project will seek to implement as much of the HTML5 Forms section as possible. This will be a complete rewrite of the codebase. Restarting this project will commence as time permits. A cross-browser implementation of ... [More] the WHATWG Web Forms 2.0 specification. This specification is currently a mature working draft and has been adopted by the W3C HTML Working Group to serve as a starting point for the next version of HTML. This implementation will follow the HTML 5 specification that evolves from the W3C process. The implementation has been tested and should function in: Mozilla Firefox 1.0.8 Mozilla Firefox 1.5.0.9 Mozilla Firefox 2 Internet Explorer 6 Internet Explorer 7 Safari 2.0.4 Safari 3 (Windows) Opera 9 (native experimental implementation) Implemented FeaturesExtensions to form control elements The form and select elements are extended with data attributes for fetching values and options from external resources. Extensions to the input element Support for the new types datetime, datetime-local, date, month, week, time, number, range, email, and url (widgets not yet created for new controls; creating hooks into widgets from libraries such as Ext is the plan) Ranges: the min and max attributes Precision: the step attribute Extensions to existing attributes The maxlength attribute for textarea elements The pattern attribute The required attribute The autofocus attribute The repetition model for repeating form controls New form controls: add, remove, move-up, and move-down buttons, along with the template attribute for add buttons The repeat-min and repeat-max attributes Event interface for repetition events The added, removed,and moved events Extension: the onadded, onremoved, and onmoved HTML attributes and DOM properties The repetition model Addition Removal Movement of repetition blocks Initial repetition blocks The forms event model: Form validation The invalid event and the oninvalid HTML attribute and DOM property The willValidate DOM property The validity interface The checkValidity method on form controls and the form element The setCustomValidity method on form controls Fetching data from external resources (with the data attribute) Filling select elements Seeding a form with initial values For more information on the implemented features, see the implementation details. UsageLoad webforms2.js in the head of your document: Or you may include the compressed version of this file (via Dean Edwards' packer along with other optimizations): It is important that the file webforms2.css and webforms2-msie.js both be located in the same directory as webforms2.js or webforms2-p.js (whichever you decide to use). For users of Internet Explorer, the file webforms2-msie.js is part of a hack that ensures that the Web Forms 2.0 functionality is initialized before the load event. Alternatively, you may install a user script that enables testing (and usage) on any site. Once the library has been included, then write HTML and JavaScript that take advantage of the features that Web Forms 2.0 specifies. In authoring XHTML pages using Web Forms 2.0, you may include the following DTDs to validate your code (these DTDs have passed validation but they have not been verified to correctly validate a WF2 document; please attempt to do so and write in with the results): XHTML 1.0 Strict + Web Forms 2.0 DTD XHTML 1.0 Transitional + Web Forms 2.0 DTD FeedbackEither start a new discussion in this implementation's group, send me your personal comments and suggestions via my feedback form, or if you find a bug, you may file an issue. DonationsIf you value this software, please donate to ensure that it may continue to be maintained and improved. Thank you! [Less]