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

• 2 July 2010

  • Create an HTML5 version of the Semantic Page Template and Grid System
  • Added a 5-column grid to the fixed and fluid grid systems

• 31 March 2010

  • A visual demonstration of the grid system added to the templates library
  • Changed the license from MIT/GPL to Creative Commons CC0

• 30 March 2010

  • A home page created to describe the project, based loosely on The League of Moveable Type preamble
  • A semantic page template added to the templates library
  • An announcement was posted on the Symphony CMS forum

• 29 March 2010

  • The markuplibrary.org and markuplibrary.com domain names registered
  • The DNS for markuplibrary.com redirected to markuplibrary.org
  • A Joyent Accelerator virtual server created with a bare Git repository
  • The Markup Library site deployed as a Git repository and pushed to GitHub

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.