• less
  • sass
  • yuicompressor
  • purify-css
  • uncss
sudo apt-get install node-less ruby-sass
npm install purify-css

uncss

toglie gli stili non utilizzati. The HTML files are loaded by PhantomJS and JavaScript is executed. Used stylesheets are extracted from the resulting HTML. The stylesheets are concatenated and the rules are parsed by css-parse. document.querySelector filters out selectors that are not found in the HTML files. The remaining rules are converted back to CSS.

uncss http://davidwalsh.name > styles.css
  • https://github.com/peterbe/mincss alternative similar tool

csstidy

csstidy /var/www/prj/css/main.css \
    --preserve_css=true --optimise_shorthands=2  \
    --remove_bslash=false --merge_selectors=2  \
    --silent=true --compress_font-weight=false  \
    --template=low --silent=true   \
    > /var/www/prj/css/main.css.clean

csslint

csslint --ignore=ids,important,unique-headings,unqualified-attributes,box-sizing,outline-none,overqualified-elements \
main.css > lint.txt

image sprites

icon fonts

  • Font Awesome
  • Modern Pictogram
  • Typicons
  • IcoMoon
  • Icon Mart
  • Ionicons (Ionic Framework)
  • Fontello (genera un set partendo dalle più comuni)
  • Symbolset (pay)
  • The Noun Project
  • Pictonic (la maggior parte a pagamento)