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.
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.
Everything on this site is free and dual-licensed under the MIT License and the Omnilicense.