snowball
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.sass-cache/11064f3f80d25410b383f7a2052e6556a5b31625
en
qunit-1.14.0
.DS_Store
README.md
about.html
body.back.css
body.back.scss
body.css
body.css.gz
body.scss
cmprss.sh
compressor.back.js
compressor.js
compressor.min.js
compressor.min.js.gz
config.rb
contact.html
correctProperties.js
cssblock-test.html
cssblock-test2.html
cssblock.html
cssblock.js
cssblock.js.gz
cssblock.min.js
cssblock.min.js.gz
cssblock2.html
difff.html
how-to-use.html
index.html
info.html
snowball-nomin.html
snowball.back.js
snowball.html
snowball.js
snowball.min.js
snowball.min.js.gz
snowball.mov
snowball2.mov
test.html
title.png
wrench.png

README.md

snowball

Snowball( http://pandanoir.web.fc2.com/snowball/snowball.html )のGitHubです。

使い方

まず Snowball( http://pandanoir.web.fc2.com/snowball/snowball.html )にアクセスします。 次に任意のCSSコードを入力します。 例えば次のようなCSSコードを入力します。 やりかたは(対応していれば)ファイルをドラッグ&ドロップ、もしくはコードをコピーアンドペーストです。

.white-space{
	white-space: nowrap;
	background :#FFF!important;
	color : #FFFFFF !important ;
	margin:3px 3px 5px 3px;
}
@media screen and (max-device-width:480px){
	.black , .button {
		color:black;\/*OK*\/
		margin: 0px;
		opacity:0.9;
		padding:3px 3px 3px 3px;
	}
}

入力したら、「圧縮」ボタンをおします。 すると、圧縮されたコードが After にでてきます。

オプション説明

オプションは以下の通りです。

  • コメントを残さない
  • 値が0なら単位を省略
  • 0.xとあったら0を省略
  • カラーコードを短くする
  • カラーネームを最適化する
  • paddingを最短にする
  • marginを最短にする
  • noneを0に変換する
  • カラーコードを小文字にする 以下は「一部だけ圧縮する」をオンにした場合のみ機能します。
  • インデントを消す
  • 改行を消す
  • カンマ周辺の空白を消す
  • コロン周辺の空白を消す
  • セミコロン周辺の空白を消す
  • 不要なセミコロンを消す
  • !important周辺の空白を消す
  • 始め波括弧の空白を消す
  • 終わり波括弧の空白を消す だいたい機能をそのまま表してあります。