CSS 分割管理の実践編
2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree
Webのグリッドデザイン 支援ツールあれこれ | tuglog!
Grid Designer http://grid.mindplay.dk/ カラム数とマージンの幅を計算してくれるサイト。 使い方も簡単で、カラム数（Columns）を指定し、サイト幅(Pixels)、サイトの両端のマージン （Gutters）、最後にカラムのマージン（Margins）を指定し「Design」ボタンを押すだけです。 入力された数値から最適なカラム幅やマージンを計算してくれます。 また、下部にはカラムをまとめて使った場合の幅も表示されるので、非常に便利です。 960GRID SYSTEM http://960.gs/ こちらは960pxでデザインされたWebデザインのグリッドテンプレートを配布しています。 データ形式も豊富でたいていの制作環境で使えるので便利です。 実際にCSSに落とし込んだサンプルサイトも見ることができるので、実用性も高く、ほかのサイトの絡む分析もあり、制
ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？ 「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gerenuk.crazyphoto.org/2009/06/10/600/
サービス終了のお知らせ
Loading...
