• Stars
    star
    519
  • Rank 85,261 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated about 1 year ago

Reviews

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

Repository Details

Pretty CSS analytics on the CLI

Wallace CLI

Pretty CSS analytics in your terminal.

NPM Version Project: Wallace

Install

npm install -g wallace-cli
# or
yarn global add wallace-cli

Usage

Usage
  $ wallace projectwallace.com

  Options
  --format, -f Format pretty (default) or JSON
  --verbose, -v Show verbose analytics output

  Examples
  $ wallace https://projectwallace.com
  $ wallace 'body { color: red; }'
  $ echo 'html { font-size: 16px; }' | wallace
  $ wallace 'html {}' --format=json
  $ cat style.css | wallace --verbose
  $ curl http://localhost/css/style.css | wallace

Example output

Example output for projectwallace.com

Related projects

  • Extract CSS - Extract all CSS from a given url, both server side and client side rendered. Used in this module.
  • CSS Analyzer - The analyzer that powers this module
  • Constyble - A CSS complexity linter, based on css-analyzer. Don't let your CSS grow beyond the thresholds that you provide.

More Repositories

1

css-analyzer

Analytics for CSS
CSS
300
star
2

constyble

CSS complexity linter
JavaScript
101
star
3

color-sorter

Sort CSS colors by hue, then by saturation
JavaScript
65
star
4

css-code-quality

Calculate the Code Quality score of your CSS based on a range of different quality guards.
JavaScript
61
star
5

css-diff-action

Project Wallace GitHub Action to report CSS diffs to PR's
JavaScript
38
star
6

extract-css-core

Extract all CSS from a given url, both server side and client side rendered.
JavaScript
36
star
7

extract-css

Extract all CSS from a webpage, packaged as a Now V2 Lambda
JavaScript
27
star
8

format-css

Fast, small, zero-config library to format CSS using basic rules.
JavaScript
8
star
9

css-value-browser-h4cks-analyzer

A list of tests to determine whether a CSS value is considered a browser hack
JavaScript
4
star
10

push-css-action

Project Wallace GitHub Action to push new CSS to projectwallace.com automatically
JavaScript
3
star
11

og-image

Generate OpenGraph images for Project Wallace.
JavaScript
3
star
12

css-media-query-browser-h4cks-analyzer

A list of tests to determine whether an at-rule is considered a browser hack
JavaScript
3
star
13

css-time-sort

Sort an array of CSS <time> values.
JavaScript
2
star
14

api

JavaScript
2
star
15

has-css-accessibility-selector

A test to determine wether a selector contains an accessibility-related selector
JavaScript
1
star
16

browser-extension

A Browser Extension to fetch all CSS on a page and analyze it
1
star
17

minify-css

A small, fast, zero-config CSS minifier. No structural changes; only minifying.
JavaScript
1
star
18

css-property-browser-h4cks-analyzer

A list of tests to determine whether a CSS property is considered a browser hack
JavaScript
1
star
19

css-at-supports-browser-h4cks-analyzer

A list of tests to determine whether an `@supports` rule is considered a browser hack
JavaScript
1
star
20

has-css-universal-selector

A test to determine wether a selector contains a universal selector
JavaScript
1
star
21

constyble-continuous-integration-example

This repository demonstrates how to use Constyble in a project
CSS
1
star
22

css-selector-browser-h4cks-analyzer

A list of tests to determine whether a selector is considered a browser hack
JavaScript
1
star
23

css-selector-complexity

Calculate the Cyclomatic Complexity of a CSS selector
JavaScript
1
star
24

has-css-id-selector

A test to determine wether a selector contains an ID selector
JavaScript
1
star
25

has-css-js-selector

A test to determine wether a selector contains a JavaScript selector
JavaScript
1
star
26

stylelint-plugin

JavaScript
1
star
27

specificity

JavaScript
1
star