yosisblog

CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN’ LISTEN::::::to the silence:::::::

CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスいろいろ

ページの制作において必須とも言えるCSSですが、そのCSSファイルを最適化することによってページの読み込みを早くしてみたり、トラフィックの多いサイトであれば転送料の節約にも貢献できるらしい。というわけで、現時点で存在するCSS最適化ネットサービスをいろいろと探して列挙してみました。最適化といってもサービスによって方法はいろいろなので、この中から自分の目指す方向の最適化サイトが見つかるかも。CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスのリストは以下の通り。

グリッドレイアウトのためのちょっと便利な背景画像

情報をきれいに配置するためのグリッドレイアウトは大事ですよね。その資料がいろいろまとまったサイトでちょっと便利そうな背景画像を紹介されていました。

» Web Page Layout Grid | Smiley Cat Web Design

テストの時にはこれを使うと便利かもですね。スタイルシート的にはこんな感じかな（ファイル名は適当に変えてくださいな）。

body {  margin: 0;  padding: 0;  background:transparent url(/images/background-grid.gif) repeat 0 0;}

↑ コードを書くとつっこまれやすいのでちょっと怖い・・・が、勉強だと思って晒しておきます。

これを配置しておけばちょっと新しいパーツを作りたいときに簡単にサイズの見当をつけられたりするかもですね。

グリッドレイアウト（グリッドシステムって言うのかな？）に関するほかの資料はこちらをどうぞ。

» Grid systems in Web Design

■ 追記（2007-03-08）

あきやんがこれのブックマークレットを作ってくれました・・・便利かも。素敵。よろしければどうぞ！http://www.akiyan.com/cgi/mt/mt-tb.cgi/330

» グリッドレイアウトブックマークレットを作りました : akiyan.com

technorati tags:CSS