cinnamon's Introduction

Cinnamon Boilerplate

Simple, scalable boilerplate to help kick start your projects.

Features

Scaleable directory structure with clear, granular & intuitive naming conventions.
Ships with a handful goodies including an HTML5 template, jQuery, underscore, signals & cssmixins to help make your site awesome!
Integrates seamlessly with CodeKit for all your concatenation and minification needs.

Rationalle & Suggested Usage

A graphics folder and an images folder, what's that all about? In a nutshell, if it's referenced as a background-image or is an embedded logo, it goes in the graphics folder. If it's referenced as the src of an img element, it goes in the images folder.
Keep it consistent and adopt the conventions laid out before you. If you are embedding plugins such as SWFs, put them in a embeds folder. If you are referencing videos, put them in a videos folder. Maintain the verbose naming conventions and the world will be at peace with you.

Author

Matthew Wagerfield: @mwagerfield

Contributors

Darcy Clarke: @darcy

License

Licensed under MIT. Enjoy.

cinnamon's People

Contributors

Stargazers

Watchers

cinnamon's Issues

mask-image property

Hey Matt,

can I suggest adding mask-image property to the mixins?
I've used it recently for alpha masking – alpha gradient masks doesn't seem to work in Firefox yet though.

Cheers,
Tomek

-webkit-mask-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.0, rgba(0,0,0,0)),
    color-stop(0.1, rgba(0,0,0,1)),
    color-stop(0.9, rgba(0,0,0,1)),
    color-stop(1.0, rgba(0,0,0,0))
);

Recommend Projects