yamlcss/yaml yamlcss/yaml

  • Stars
    star
    283
  • Rank 146,066 (Top 3 %)
  • Language
    CSS
  • License
    Other
  • Created over 11 years ago
  • Updated over 2 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
yamlcss/yaml
github

yamlcss

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

YAML (Yet Another Multicolumn Layout) is a modular CSS framework for truly flexible, accessible and responsive websites. It is based on Sass and has a very slim framework core that weights only ~6kB.

YAML CSS Framework

YAML (Yet Another Multicolumn Layout) is a modular CSS framework for truly flexible, accessible and responsive websites. 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.

Quick Start

Using the CSS port

Download the project and take a look at the provided examples in the demos/ folder.

Using the Sass Port

You need to have Ruby, Sass and Compass installed.

  • compass compile starts a single compass run to compile sass/scss files to CSS.
  • compass watch starts the compass watcher that recompiles your sass/scss files on every change.

Folder Structure

The Sass port is built in a way that allows you to create a fully customized version of YAML's framework files.

  • ./sass/css/ (for your Sass projects)
  • ./sass/docs/assets/css/ (YAML Docs CSS - built with Sass)
  • ./sass/static-build/ (file wrapper for YAML builds, can be deleted if don't want to compile static YAML builds)
  • ./sass/yaml-sass/ (Sass port of YAML CSS Framework)

Please keep in mind, that the /yaml-sass/ folder also contains several JavaScript files that are needed to create a complete YAML build.

Create Custom YAML Builds

You need to have Node.js, Grunt-CLI, Ruby, Sass and Compass installed. Run npm install once in the root directory of this project to resolve and install all Grunt dependencies.

The following tasks are provided:

  • grunt starts a single compass run to compile sass/scss files to CSS.
  • grunt watch starts the compass watcher that recompiles your sass/scss files on every change.
  • grunt build compiles and optimizes all static YAML4 CSS files for release/production.
  • grunt build-utf8 same functionality like grunt build but doesn't remove @charset "utf8" rule from CSS files

Docs

Download or clone this project and open file docs/index.html in your browser.

Licenses

YAML under Creative Commons License (CC-BY 2.0)

The YAML framework is published under the Creative Commons Attribution 2.0 License (CC-BY 2.0), which permits both private and commercial use.

Condition: For the free use of the YAML framework, a backlink to the YAML homepage (http://www.yaml.de) in a suitable place (e.g.: footer of the website or in the imprint) is required.

In general it would be nice to get a short note when new YAML-based projects are released. If you are highly pleased with YAML, perhaps you would like to take a look at my Amazon wish list?

YAML under Commercial Distribution License (YAML-CDL)

If you are a commercial software developer and you want to release your software under a license that doesn't fit to the Creative Commons Attribution 2.0 License, you may purchase a commercial license. We offer the following commercial license models:

  • Project Related License
  • General License
  • OEM License

Full license texts and contact information are available at: http://www.yaml.de/license.html