Panda Noir

JavaScript の限界を究めるブログでした。最近はいろんな分野を幅広めに書いてます。

圧縮

Snowballかっこよくしました

結構使える!そしてよくわからない!ウェブツールまとめてみました。に載ったので調子乗っていじりました。

プログラミング技法講座 その1 真偽値を利用してコードを削る

突然思いついた企画です。私が勝手に「これは初心者さんにとっては目からウロコな情報なのでは?」と思った情報を書いていきます。

Snowballを更新しました。

Snowballを更新しました。今回は前から言っていた新機能を搭載しました。

Online YUI Compressor に勝利しました!

ついに、SnowballがOnline YUI Compressor に勝利しました!

Snowballのデザインを一新しました。

(左が元のデザイン、右が新しいデザインです) Snowballのデザインを大きく変えました。

Snowballのアップデート

SnowballのCSSBlockを外部ファイル化して、内部的にも改善しました。

いかにSnowballがすごいのか語りたいです

Snowballが全然検索ででてこないのでSnowballの魅力を語りたいと思います。といっても魅力がわかりづらいので対比形式でやりたいと思います。

Snowballを大幅に更新しました。

どうもおひさしぶりです。 といっても1週間ぶりですがw 今回はSnowballを大幅に更新しました。というかぜんぜんかいていなかったから、たまってただけです。

Snowballの説明動画を更新しました。

Snowballの使い方動画を更新しました。

昨日書いたSnowballのバグとりました。

ちょこっと書き直したらなおりました。 速攻でした。なにを勘違いしてたんだろうか… またバグが発生する可能性もあるので発見したら報告よろしくお願いします。

snowballがバグっています。

snowballがバグっています。かなり深刻ですたぶん。 とりあえず問題がある「カラーネームを最適化する」をきっておけば大丈夫です。

SnowballとBlackboxをアップデートしました

SnowballとBlackboxを更新しました。 今回のアップデートでは、Ctrl(command)+enterで圧縮or整形ができるようになりました。ほかにも細かいところを修正しました。

Blackboxの機能を改善しました。

Blackboxの機能を改善しました。 今回のアップデートで、いままでよりももっと使いやすくなりました。

Snowballにドラッグアンドドロップで圧縮する機能をつけました

Snowballにファイルをドラッグアンドドロップするだけで圧縮する機能を付けました。 これで、いままでよりも利便性があがりました。

Blackboxを公開しました

Blackboxを作りました。 Snowballと逆に、CSSをよみやすくします。

今日から!CSS圧縮!

こんにちは! 今回はサイト高速化をしてみたいというそんなかたへむけて、CSS圧縮のやり方を書きたいと思います。 用意するもの、必要な知識もなにもいりません!

Snowballアップデートしました

Snowball更新しました。 今回は「paddingを最短にする」「marginを最短にする」を更新しました。

Snowballアップデートしました

[Snowball](http://pandanoir.web.fc2.com/snowball/snowball.html)更新しました。 今回は「paddingを最短にする」「marginを最短にする」を更新しました。

Snowballアップデートしました

Snowball更新しました。 今回は「paddingを最短にする」「marginを最短にする」を更新しました。

Snowballを少しだけ軽くしました。

Snowballのコードを見直して少しだけ軽くしました。

「CSS圧縮したけどバックアップしていなかった」という人へ

CSS圧縮したけど編集用ファイルをとってなかった! そんなかたへむけて

CSS圧縮の限界点

CSS圧縮には限界があります。 私がSnowballに実装しない機能のうち一つはそういう理由です。 それは共通部分をまとめるという機能です。

gzip圧縮のやり方 2/2

では、2回目の今回こそ本題のgzip圧縮に入ります。 ※だからといって前回のを飛ばしていいというわけではありません。前回のものも読んでください。

gzip圧縮のやり方 1/2

gzip圧縮のやり方が意外と分かりそうで分からなかった(検索しても分かりづらかった)ので、やり方まとめました(Mac などターミナルを使えるOS必須)。

サイト高速化のための4つの方法

サイト高速化というのは、その名の通りサイトの表示速度やスクリプト実行速度を上げることです。 やる前とやった後では本当にまったく違います。 もう数値ではなく、体感できます。

CSS Compressor 制作記

今回改めて感じました。 やはり、CSS圧縮は奥が深いです。

よりコードの無駄を省けるようになった「CSS Compressor」

CSS Compressorを更新しました。 追記:CSS CompressorはSnowballになりました。

三項演算子の解読

意外と難しいんですよね。三項演算子からifへの変換。 とりあえず手でゴリゴリやる方法まとめてみたいと思います。

時間電卓を見直したら大変なことがわかりました

時間電卓を見直してみたら、1KBもコードが減りました。

CSS Compressorアップデートしました

CSS Compressorアップデートしました。 今回はカラーネームをカラーコードにする機能を搭載しました。 例えばblackを#000にするような感じです。 今回はこれだけです(笑)アップデートってほどでもなかったです。 ちなみにきちんとwhite-spaceはwhite-spaceで…