Software Alternatives & Reviews

Compass CSS VS Live.js

Compare Compass CSS VS Live.js and see what are their differences

Compass CSS logo Compass CSS

Compass is an open-source CSS Authoring Framework.

Live.js logo Live.js

Live. js. one script closer to designing in the browser. Say goodbye to Alt-Tab. Live.
  • Compass CSS Landing page
    Landing page //
    2023-01-19
  • Live.js Landing page
    Landing page //
    2018-09-29

Compass CSS videos

Compass CSS Authoring - Chris Eppstein at Schmonference Conf

Live.js videos

No Live.js videos yet. You could help us improve this page by suggesting one.

+ Add video

Category Popularity

0-100% (relative to Compass CSS and Live.js)
Developer Tools
37 37%
63% 63
Image Optimisation
26 26%
74% 74
Design Tools
72 72%
28% 28
Browser Testing
0 0%
100% 100

User comments

Share your experience with using Compass CSS and Live.js. For example, how are they different and which one is better?
Log in or Post with

Social recommendations and mentions

Live.js might be a bit more popular than Compass CSS. We know about 3 links to it since March 2021 and only 3 links to Compass CSS. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Compass CSS mentions (3)

  • SCSS: Started with static website
    SASS is a CSS preprocessor that is designed to be used as a standalone preprocessor, or as part of a framework called Compass. SASS for CSS is very similar to CSS, for creating CSS files that are more easily readable and maintainable than traditional CSS files. In the next chapper, we will learn how to use SASS to create a simple CSS file. - Source: dev.to / almost 2 years ago
  • SSGs through the ages: The ‘After Jekyll’ era
    Soon after, Chris Epstein, the creator of Compass and co-creator of Sass, forked Brandon’s repository and asked for some help with the design. Being a big fan of Chris’s, Brandon jumped on the opportunity straight away. He pulled out the content, made the theme more generic, and named his creation Octopress. - Source: dev.to / about 2 years ago
  • How to use scss in drupal theme?
    I use a CLI tool to compile it as changes are made. I use http://compass-style.org/. Source: over 2 years ago

Live.js mentions (3)

  • Can I skip the system checks?
    There's a crusty old script out there called Live.js. IIRC it sends a request to the server every second or so and if it detects a different content-length header it reloads the page. It's like a poor man's version of hot reloading. Source: about 1 year ago
  • Are there any lesser-known tools you use a lot in your work?
    Live.js - automatically refreshes the page when we edit the sources. Source: almost 2 years ago
  • Is there a way to see your webpage while your edit it?
    Livejs (not tested it myself) looks like what your are looking for. Source: about 2 years ago

What are some alternatives?

When comparing Compass CSS and Live.js, you can also consider the following products

Sass - Syntatically Awesome Style Sheets

CodeKit - CodeKit allows you to optimize the performance of your website by automatically and efficiently compiling a variety of popular languages.

Prepros - Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.

LiveReload - LiveReload 2 proudly presents… The Web Developer Wonderland. (a happy land where browsers don't need a Refresh button). CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.

Browsersync - Browsersync makes your tweaking and testing faster by synchronising file changes and interactions...

PostCSS - Increase code readability. Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.