jpg画像がほぼ劣化なく高圧縮できると話題の「JPEGmini」をQ&A形式でまとめました。（おまけ付き） - 東京北青山、大阪四ツ橋発、WEBディレクターのブログ
readout! ～試行錯誤を出力する記録～,webサービス jpg画像がほぼ劣化なく高圧縮できると話題の「JPEGmini」をQ&A形式でまとめました。（おまけ付き） すでにいろいろなブログでも紹介され済のJPEGminiですが、 まだ知らない人や知ってるけど実際に使った事がないという方へむけて書きます。 めっちゃ便利なので使わないと損！ web制作者はデザイナーもコーダーも「JPEGmini」で幸せになりましょう！ また、充分に試さずに批判的な意見を持っている方もおられるようで、 「Photoshopで高画質から標準に落としたのと変わらなかった。」 んなこたーないです。 フォトショで高画質から標準に落としたら、その分画像劣化しますよね？ JPEGminiは画像はほとんど劣化せずにファイルサイズだけを落とせるサービスです。 （※画像によっては変化がない場合も、もちろんあります。） 「元の
TinyPNG : 透過PNGにも対応した画像サイズを圧縮してくれるサイト
TinyPNGはPNG形式の画像サイズを小さく圧縮してくれるサイト。 画像の劣化は見た目では判らないほど最小限に抑えつつも、最大限のファイル圧縮を目標としたサイトです。 とくにこのサイトの売りは、透過PNGに対応しているところ。 下の画像は背景が透明色のPNG画像ですが、左がオリジナルで右が圧縮済みの画像です。 オリジナルのファイルサイズが166.9KBのところ50.5KBに圧縮。実に70％のダイエットに成功しています。 実際見比べても圧縮率のわりにはほとんど遜色のない仕上がりになっていることが分ると思います。 圧縮作業で大きなウェイトを占めるのが画像の減色で、24-Bitから8-Bit（256色）に減色することによって、大幅なファイルサイズの減量に成功しています。 もちろん256色まで減色するので上の画像をよく見ればグラデーション部分の階調が少なくなっていたり、シャドウ部がやや赤みを帯び
Emmet CSSショートコード
Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形
たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
背景画像のちらつきを発生させないロールオーバー｜web bibo