yosisblog » CSS

CSS ALL

okuyosi — Wed, 25 Apr 2007 04:52:59 +0000

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。リストは以下の通り。

CSS

okuyosi — Thu, 22 Mar 2007 23:43:04 +0000

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

CSS

okuyosi — Thu, 22 Mar 2007 14:17:27 +0000

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

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

CSS

okuyosi — Wed, 21 Mar 2007 03:07:32 +0000

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

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

» 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