yama5: 2014年8月アーカイブ

いつからかわからないけど、Chromeでローカルのファイルを開くとウインドウサイズを一定以下に縮めることができないっぽい。
手元のPCだと1374px以下のサイズに出来ない。
タブを切り替えて小さくすれば一時的に小さく出来るけど、ウインドウサイズを変えようとドラッグすると1374px以上にされちゃう。

ぺライチのレスポンシブのページを作ってる時にウィンドウサイズを小さくできなくて困ったのでメモ。
URLが省略されちゃうとか最近、微妙な仕様変更が気になる印象。

PreprosでJavaScript圧縮

PreprosはWindowsでWeb制作をするときに非常に便利なツールです。

SassやLessのコンパイルや画像の最適化、Chromeのエクステンションと連携してオートリロードなどにも対応していますし、JavaScriptの圧縮・結合にも対応しています。


公式サイトのヘルプにも記載はありますが、JavaScriptの圧縮についてまとめます。

ファイルの先頭に別のjsファイルを結合したい場合
//@prepros-prepend foo1.js
//@prepros-prepend foo2.js
「//」も含めて記述します。
複数のファイルを読み込めますが、上記の記述の場合、foo2.jsが先頭、foo1.jsがその次に記述されます。

ファイルの末尾にjsファイルを結合したい場合
//@prepros-append bar.js
同様に「//」も含めて記述、こちらも複数のファイルを読み込めます。記述順は記載順のままです。

minifyしたくない場合
ファイル名を「foo.min.js」のように「min.js」を含める。
ライセンス表記を残したい場合にどうぞ。

※ver. 4.0.1での挙動です。


あとPhotoshopでpngを書き出した場合にIE6以下で表示できない(今は気にしなくてもよいとは思いますが、アルファチャンネルが荒れるとかではなく、IEで読み取れないExifが含まれてるっぽい)画像になることがありましたが、Preprosの画像最適化で解消できました。