Child

Most Popular CSS Framework


html5 Bootstrap CSS Framework

What is CSS Frameworks?


CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language. Layout-grid-related CSS frameworks include Blueprint, 960 grid, and YUI CSS grids. Like programming and scripting language libraries, CSS frameworks are usually incorporated as external .css sheets referenced in the HTML <head> . They provide a number of ready-made options for designing and laying out the web page. While many of these frameworks have been published, some authors use them mostly for rapid prototyping, or for learning from, and prefer to 'handcraft' CSS that is appropriate to each published site without the design, maintenance and download overhead of having many unused features in the site's styling.

html5 960 CSS Framework
html5 Blueprint CSS Framework
html5 The jQuery UI CSS Framework
html5 YAML CSS Framework

YAML CSS Framework Download

Features


  • Bulletproof flexible grid system
  • Flexible forms toolkit with theme-support
  • Focussed on web standards & accessibility
  • Optimized typography for all standard elements
  • Matched building blocks for rapid prototyping
  • Namespacing avoids conflicts
  • Well prepared for HTML5 and CSS3
  • Very slim framework core (4.6 kB)

Where it comes from

A brief history


When YAML was released in October 2005, it was conceived as a base for developing flexible layouts, with a strong emphasis on meeting the challenges that result from working with flexible (elastic, fluid) containers and varying units.

This CSS framework has been continually improved and extended over the years, based on the feedback and needs of professional frontend developers. Its code base has proved to be stable under real-world conditions on thousands of websites. Over the years, YAML-based websites won several awards at the German annual accessibility competition «Biene Award».

What makes it different?

Modular Concept


YAML provides a complete set of matched building blocks to create complex websites. Grids, navigation, forms, typography module and all provided add-ons work seamlessly together.

Device Independence


YAML is focussed on device independent screen design and provides bullet-proof modules for flexible layouts. This is a perfect starting point and the key to truly responsive design.

HTML5 & CSS3


All layout modules are well prepared for HTML5 and CSS3 and make use of them to benefit from the latest web technologies.

Developer Support


YAML has matured into a stable and versatile layout framework, and is regularly updated. Third party developers have created integration tutorials and templates for a long list of Content Management Systems.