Markup Library

An Open Source Repository of Web Markup

Version 0.1 Beta - 2 July 2010

An open source library of markup languages, including XML, HTML and XSLT to develop a resource of markup and user interface design patterns that adhere to a generally accepted set of code standards.

Preamble

The goals of the Markup Library are to stimulate worldwide development of collaborative web development libraries, to support the web development efforts of all citizens of the web, and to provide a free and open framework in which markup may be shared and improved in partnership with others.

Public Domain

The Markup Library allows the markup to be used, studied, modified and redistributed freely. Based on the stated goals of the site, the Markup Library is being released under the Creative Commons Public Domain CC0 1.0 Universal license and can be downloaded or cloned from the GitHub repository.

A Semantic Page Template

The first project is to create a standard page template that can adapt to different browser widths and media. Taking some inspiration from the W3C, the Fluid 960 Grid System and the grid system developed by Craig Zheng for Public Culture and Symphony CMS, Stephen Bau, Lead Designer at Domain7 has created a semantic page template. Documentation is coming.

Announcing the first addition to the Markup Library: a semantic page template - a single-page layout that demonstrates a grid system that adapts to the width of the viewport by using the media attribute of the link element to switch stylesheets.

A Media-Aware Grid System

A visual demonstration of the grid system has been added to the templates library.

HTML5 Page Template

A HTML5 Page Template has been added to the templates library that is based on the original Semantic Page Template. It also includes a media-aware grid system. There are div elements with a class of content which are being used for the padding that controls the gutter width. The layout uses HTML5 elements to define the basic structure of the page: header, footer, section, and article. Just be careful to use the element that best suits the semantic meaning of your content.

Change Log

Open Font Licence

The fonts used in this document, being served to browsers that are @font-face aware, are provided under the Open Font License and are freely available from The League of Moveable Type. See the credit below for more information.

Credits

Thanks to The League of Moveable Type for the these well-made, free & open-source, @font-face ready fonts: League Gothic, Junction and Raleway. All fonts made available by The League of Moveable Type are subject to the Open Font License, and all remaining content, unless stated otherwise, is released under a Creative Commons Public Domain CC0 1.0 Universal license.

License

CC0 To the extent possible under law, Stephen Bau has waived all copyright and related or neighboring rights to the Markup Library.