css-analyzer-cli

Stylesheet analysis CLI Tool

This package is replaced by wallace-cli
Last updated 2 years ago by bartveneman .
MIT · Original npm · Tarball · package.json
$ cnpm install css-analyzer-cli 
SYNC missed versions from official npm registry.

Wallace

Analyze your CSS from the CLI, like Parker or Stylestats

Usage

Usage
  $ wallace https://projectwallace.com

  Options
  --format, -f Format pretty (default) or JSON
  --compact, -c Show a compact output

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

Output

┌────────────────────────────────────────────┐
│ Global                                     │
├─────────────────────────┬───────┬──────────┤
│ Stylesheet size         │ 41 B  │          │
├─────────────────────────┼───────┤          │
│ Simplicity              │ 1.000 │          │
├─────────────────────────┼───────┤          │
│ Cohesion                │ 3.000 │          │
├─────────────────────────┼───────┤          │
│ Rules                   │ 1     │          │
├─────────────────────────┼───────┼──────────┤
│ At-Rules                │ Total │ Unique   │
├─────────────────────────┼───────┼──────────┤
│ @media queries          │ 0     │ 0        │
├─────────────────────────┼───────┼──────────┤
│ @font-faces             │ 0     │ 0        │
├─────────────────────────┼───────┼──────────┤
│ @keyframes              │ 0     │ 0        │
├─────────────────────────┼───────┴──────────┤
│ @media queries          │ N\A              │
├─────────────────────────┼───────┬──────────┤
│ Selectors               │ Total │ Unique   │
├─────────────────────────┼───────┼──────────┤
│ All                     │ 1     │ 1        │
├─────────────────────────┼───────┼──────────┤
│ ID                      │ 0     │ 0        │
├─────────────────────────┼───────┼──────────┤
│ JS                      │ 0     │ 0        │
├─────────────────────────┼───────┼──────────┤
│ Universal               │ 0     │ 0        │
├─────────────────────────┼───────┼──────────┤
│ Accessibility           │ 0     │ 0        │
├─────────────────────────┼───────┼──────────┤
│ Average identifiers     │ 1.000 │          │
├─────────────────────────┼───────┴──────────┤
│ Max. identifiers        │ 1. body          │
├─────────────────────────┼──────────────────┤
│ Top specificity         │ 1. body          │
├─────────────────────────┼──────────────────┤
│ ID Selectors            │ N\A              │
├─────────────────────────┼──────────────────┤
│ JS Selectors            │ N\A              │
├─────────────────────────┼──────────────────┤
│ Universal Selectors     │ N\A              │
├─────────────────────────┼──────────────────┤
│ Accessibility Selectors │ N\A              │
├─────────────────────────┼───────┬──────────┤
│ Declarations            │ Total │ Share    │
├─────────────────────────┼───────┼──────────┤
│ Total                   │ 3     │          │
├─────────────────────────┼───────┼──────────┤
│ Unique                  │ 3     │ 100.000% │
├─────────────────────────┼───────┼──────────┤
│ !importants             │ 0     │ 0.000%   │
├─────────────────────────┼───────┼──────────┤
│ Properties              │ Total │ Share    │
├─────────────────────────┼───────┼──────────┤
│ All                     │ 3     │          │
├─────────────────────────┼───────┼──────────┤
│ Unique                  │ 3     │ 100.000% │
├─────────────────────────┼───────┼──────────┤
│ Prefixed                │ 0     │ 0.000%   │
├─────────────────────────┼───────┴──────────┤
│ Prefixed                │ N\A              │
├─────────────────────────┼───────┬──────────┤
│ Values                  │ Total │ Unique   │
├─────────────────────────┼───────┼──────────┤
│ Prefixed                │ 0     │ 0        │
├─────────────────────────┼───────┼──────────┤
│ Colors                  │ 1     │ 1        │
├─────────────────────────┼───────┼──────────┤
│ Font-sizes              │ 1     │ 1        │
├─────────────────────────┼───────┼──────────┤
│ Font-families           │ 0     │ 0        │
├─────────────────────────┼───────┴──────────┤
│ Unique Colors           │   1 × blue       │
├─────────────────────────┼──────────────────┤
│ Unique font-sizes       │  1 × 10px        │
├─────────────────────────┼──────────────────┤
│ Unique font-families    │ N\A              │
├─────────────────────────┼──────────────────┤
│ Prefixed                │ N\A              │
└─────────────────────────┴──────────────────┘

Related

  • CSS Analyzer - The analyzer that powers this module
  • Gromit - A test framework to assert that CSS doesn't exceeds certain tresholds.
  • CSS Analyzer Diff - Calculates the diff between two sets of CSS analysis

Current Tags

  • 0.2.1                                ...           latest (2 years ago)

3 Versions

  • 0.2.1 [deprecated]           ...           2 years ago
  • 0.2.0 [deprecated]           ...           2 years ago
  • 0.1.1 [deprecated]           ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (15)
Dev Dependencies (2)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |