[B! webデザイン] boui919のブックマーク

プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(ﾟ∀ﾟ)ｯ!!

「かっこいいサイト作るぞ！」と意気込んでみたももの、いざ作ってみると「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、簡単なようで、なかなか難しいことです。かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザインを完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･なんていうことを何回も経験してきました。そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながらある程度見栄えのするWEBサイト

boui919 2011/08/17

Webデザイン

リンク

CSSでサイドバーの背景を最後まで表示する

マルチカラムレイアウトで困るのは、サイドバーに背景色を与えた場合、サイドバーの内容が本文（中央カラム）の表示より短くなった場合、背景色がそこで途切れてしまうことです。ということで、このエントリーではページの最後までサイドバーの背景色を表示するカスタマイズをご紹介します。完成イメージサンプルは公開テンプレートを用いてますが一般的な手法ですので他のテンプレートでも適用可能です。なお本エントリーは固定レイアウトのカスタマイズです。リキッドレイアウトについてはリキッドレイアウトの背景色を変更するを参照ください。以前にもサイドバーの背景を最後まで表示するという記事をエントリーしましたが、現在公開しているテンプレートの内容にあわせて改訂しました。なおCSSの構造的には前記事の方がシンプルなので併せて参照頂ければ理解が深まると思います。１．失敗例本サイトの公開テンプレート（2カラム・右にサ