The Markup Framework progressively enhances Web pages with the latest HTML5 and CSS3 technologies.

The markup is minimal, and there is proper separation of structure, semantics and style. Layouts and grids are mobile-first responsive, and print-optimized styles are included throughout via media queries.

Particular attention is paid to accessibility and semantics, and ARIA markup is included wherever it helps to describe the role of a Web interface component.

Style cascades are used efficiently to reduce CSS file sizes and for optimum browser rendering. Browser hacks are never used, and vendor-prefixed CSS properties are used sparingly.

This framework is pure HTML + CSS. There is no JavaScript, and no interpretation is required to render output.

The Markup Framework revolves around a reset style sheet called base.css. It removes all default Web browser styling, for better cross-browser consistency. And it makes it easier to apply custom styling, for example by changing the base font size from 16px to 10px.

The Markup Framework targets modern standards-compliant browsers. That means Internet Explorer 9+ and the latest versions of Chrome, Firefox, Safari and Opera – both desktop and mobile versions. The Markup Framework is not compatible with Internet Explorer 8 and earlier. Do not use this framework if you need to support IE8 and other legacy browsers that are not compliant with current Web standards.

This is a modular framework. So go ahead and browse the demos for typography, forms, layouts, grids and widgets, and download only the bits you need.

The Markup Framework is continuously updated and expanded with new useful things. For news and updates, follow us on Twitter or subscribe to our RSS feed.

Everything on this site is free and dual-licensed under the MIT License and the Omnilicense.