Mar 01

CSSを圧縮して読みづらく＆軽く

HTML, Tips, wordpress コメントはページの下に

アマゾンのサーバでエラーが起こっているかもしれません。一度ページを再読み込みしてみてください。

「せっかく自分でがんばってサイト作ったんだけど、誰かに読まれてすぐコピーされっちまう・・・」

と思った方は少なくないはず。
小山太郎もその一人。

まぁ、CSS勉強中な時は「おぉ！こうやって書くのかぁ！」なんて思ったりもするわけですが。

秋元@サイボウズラボ・プログラマー・ブログ：CSSの圧縮サービス比較記事

において、サービスをいろいろ紹介していました。
その中でも成績が良かったというIcey Compressorを実際やってみた。

１．まず、自分のCSSをコピー（ファイル選択してもいい）

元のCSS

２．パラメータを確認

  • Colurs：色指定部分を短く変換　#ffffffを#fffにとか
  • Measurements：０をはずすとあるが、微妙なのでチェックははずした
  • Rules：組み合わせれるところは組み合わせたり、重なりははずしたり。全部チェック
  • Properties： マージンやパッディングからいらない値を削除したり。
  • Output options：計算結果を表示する

３．画面下に移動し圧縮ボタンを押す

圧縮ボタン

４．結果が現れる

CSS圧縮結果

結果にはエスケープシーケンスのため、￥が現れるが、これも含めて全部コピーしテキストエディタなどで”￥”→””（何もない）のに一括置換すれば、￥は消える。

さて、これがうまく動くかなんだけど。
今んとこ不具合なく動いております。

2.54KB（35.96%)ダイエットに成功し、しかも読みにくくなっております。
もっと読みにくくするには他のツールを使う必要がありますね。はい。

前後の記事

« 長い時間起きていると長い時間寝る｜｜Photoshop Tips ブラシを使う »

関連した記事

トラックバック＆Pingback

この記事が気に入ったりした方は、自分のブログを書くときに「下のURLをコピーして、自分のブログ投稿時のトラックバック欄にペースト」してください。つながります。
URL:

コメント　（ 0 ）

コメント記入欄

Copyright(c) 小山太郎.com　All rights reserved.