タグ

WEB制作と便利ツールに関するkashi57moveのブックマーク (2)

  • CSSやJavaScriptの改行やインデントを削除して圧縮したり、元に戻したりするツールまとめ

    年末に、オンラインブックマークでたまってしまいがちな「あとで読む」とか、「一応保存」とかを整理することにしました。 そしたら、同じような内容や機能のWebサービスのページをいくつもブクマしてることに気づいてしまいました。 そこで、似たようなものは自ブログにまとめて少しブクマ数をスッキリさせることにします。 で、実はあんまり使ってないけどいざって時にあると助かる「スクリプトの圧縮&デコードツール」をまとめてみたいと思います。 まずは圧縮編から。 ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール 私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。 やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。 CSSCSS Compressor 圧縮度合いを4段

    CSSやJavaScriptの改行やインデントを削除して圧縮したり、元に戻したりするツールまとめ
  • CSSスプライトのコードをインタラクティブに取得できる『Sprite Cow』 | 100SHIKI

    CSSスプライトのコードをインタラクティブに取得できる『Sprite Cow』 June 22nd, 2011 Posted in 便利ツール(ウェブ) Write comment ちょいとマニアックだが、便利かつ、細かいところが使いやすかったのでご紹介。 Sprite Cowを使えば、いわゆるCSSスプライトのコードを簡単に取得できてしまう。 使い方は簡単で、まずは画像をアップし、どの画像のコードを取得したいかを指定するだけだ。それだけで画面下部にCSSコードが表示される。 なんとも気が利いているのが背景部分を自動的に認識し、クリック一発でアイコンやらを認識してくれる点。 また元画像に透過チャネルがなかったとしても「透明にしたい色」を指定すればOKだったり、複数の離れている画像(文字とか)はドラッグして範囲指定できたりと、細かい部分の使い勝手が素晴らしい。 他にも似たようなツールはあるが

    CSSスプライトのコードをインタラクティブに取得できる『Sprite Cow』 | 100SHIKI
  • 1