Sassaparilla is a fast way to start your responsive web design projects that harnesses the power of Sass and Compass.
It’s not a boilerplate or a theme, it is a set of default rules and style – a nice refreshing root beer.
Sassaparilla uses the power of Sass via SCSS and Compass to create flexible stylesheets that we can re-use and add to over time.
Maxmertkit is a powerful front end development framework built with Node.JS and SASS.
It has it’s own unique namespaces and your classes will not cross with maxmertkit’s classes. It offers parent-sensitive classes, if you apply modifier (for example, status) to a parent-widget, it will apply to all child-widgets.
Built using SASS and CSS3 media queries, Centurion is a responsive web framework that scales with your device. No longer do you need to worry about the screen size of an iPhone or an Android tablet since Centurion does the work for you.
Built-on CSS3 and HTML5 semantics to allow you to start capitalizing on a next generation standard. Centurion is scalable and it’s easy to learn syntax makes building a prototype simple.
Bourbon is a simple and lightweight mixin library for Sass. It is a comprehensive library of sass mixins that are designed to be simple and easy to use. No configuration required.
The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible.
The mixins contain vendor specific prefixes for all CSS3 properties for support amongst modern browsers. The prefixes also ensure graceful degradation for older browsers that support only CSS3 prefixed properties. Bourbon uses SCSS syntax.
The technique of stitching many images into a larger image is called CSS Sprite and it saves you many network calls for your image assets.
CSS Sprites is one of the best way to optimize your stylesheets and improve your site performance. Greepit has shared couple of useful resources that can help you create CSS sprites.
- Combine Background Images Into A CSS Sprite: SpriteMe
- Handle Base 64 Data URIs In Stylesheets: Spritebaker
It generates a sprite image for each folder (e. g. “bottles” and “cans”).