Share 15 useful Sass and Compass tools

Sass is the extension of CSS , adding nested rules, variables, mixing functions and many more. It simplifies the cost of organizing and maintaining CSS code. Compass is an open-source CSS framework that makes it easier to use CSS3 and popular design patterns than ever before.

In this article, we've gathered a set of useful Sass and Compass tools that will help you build your WEB application quickly.

Related articles that may be of interest to you

• The JQuery effect "attached source" is very useful in website development
• Share 35 amazing CSS3 animation effects Demo
• Stunning 8 x HTML5 & JavaScript Effects
• Web development in a very practical 10 effects "source Download"
• 12 Classic white-rich jQuery images Carousel Plugin

1. Compass.app

Compass is a Stylesheet authoring framework, makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of plain CSS. Compass.app is a menubar only app for Sass and Compass. It helps designers compile stylesheets easily without resorting to command line interface. Compass.app is written in Java (JRuby), and works in Mac, Linux and PC. You don't need to install Ruby environment for use it.

2. Scout

Scout is a Cross-platform app this runs Sass and compass in a self-contained Ruby environment, Scout runs Sass and compass In a self-contained Ruby environment, letting-effortlessly manage all of the your Sass projects with a handful of clicks. You ' ll never has to worry about your Ruby setup or deal with technical issues. Scout does all of the heavy lifting, giving-more time-to-do.

3. Codekit

Codekit is a powerful compiler it processes Sass, Compass, less, Stylus, Jade, Haml, Slim, Coffeescript and Javascript F Iles automatically each time you save. With live browser reloads, image optimization and easy debugging, it makes working with Compass and Sass a breeze. The app also offers team collaboration and helps reduce load times by combining and minifying files.

4. Archetype

Archteype is a compass/sass the framework for creating configurable, composable UI patterns and components. It ' s well documented and uses a natural language syntax.

5. Susy

SUSY provides responsive grids for compass, filling the void left when grids were stripped from compass. You can quickly add media-query breakpoints for new layouts, or create your own math using Susy ' s array of grid helpers. It has the power of the minutes, or create a scalable grid library for use in large projects.

6. The Saasway

The Sass covers the latest news and topics on crafting CSS using Sass and Compass, with articles, resources and Tutori ALS to suit both beginners and advanced users.

7. Sassaparilla

Sassaparilla makes starting responsive Web projects faster using Sass and Compass. It focuses heavily on better typography with exceptional vertical rhythm, and lets your work in PX while compiling in EMS, Eliminating a lot of math designers often need to do. IT supports variables using Sass for things like color.

8. Livingstyleguide

The Livingstyleguide Gem is a easy to create front-end style guides using Sass and Compass. Just add Markdown to your Sass to create your guides.

9. Pondasee

Pondasee have been made to help front-end designers accelerate their work-flow for making Web applications. It's not a CSS framework, it's a front-end starter kit combined with the power of SCSS & Compass to help build a TEM Plate.

Ten. Livereload

Livereload resides in your menu bar and monitors changes in the file system. As soon as you save a file, it's preprocessed as required, and the browser is refreshed. It ships with SASS, Compass, less, Stylus, Coffeescript, Icedcoffeescript, Eco, SLIM, HAML and Jade, and are controlled by Both main checkboxes, so you won ' t get lost.

Koala.

Koala is a GUI app for Coffeescript, Compass, Less, and Sass compilation, to make you a more efficient web developer. It runs on Macs, Linux, and Windows, and includes real-time compilation, multi-language support, and more.

Bootstrap Sass

Bootstrap-sass is a sass-based version of Bootstrap, perfect for your sass-powered. It can be installed with Rails, Compass, or sass-only.

Forge.

Forge is a free command-line toolkit for bootstrapping and developing wordpressthemes in a tidy environment using front-en D languages like Sass, less, and coffeescript. Forge creates a neatly organized source folder with clean and simple scaffolding (base template files, SCSS files, and the Me options). The source folder is automatically compiled to your local WordPress install (s) as a save changes and work on your theme.

Prepros.

Prepros is a app dedicated to making compiling code easier. It compiles all of your Sass, Scss, Compass, less, Jade, Haml and coffeescript in real time, with live browser refresh to Keep your preprocessing workflow seamless. It has no dependencies and features a built-in HTTP server, background file watch, error notification and live CSS INJECTI On.

. Break point

Breakpoint makes writing media queries in Sass Super Simple-just create a variable using a simplified syntax, based on M OST commonly used media queries, then call it using the "breakpoint" mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself to handling Cross-browser compatibility I Ssues.

Related articles that may be of interest to you

• Web front-end developers and designers must read the essence of the article recommended
• Carefully selected excellent jquery Ajax page plug-ins and tutorials
• 12 Amazing ideas for 404 error page Design
• Let the website Move! 12 Excellent jQuery animation plugins
• 8 Cutting-Edge HTML5 & CSS3 effects "with source download"

This article links: share 15 very useful Sass and Compass tools

Compilation Source: Dream Sky focus on front-end development technology sharing web design resources

Share 15 useful Sass and Compass tools