3カラム可変レイアウト

3カラムでレイアウトするとき、可変にするか固定にするかで迷う。
たまに見かけるのが、floatを指定して横からブロックを並べただけで3カラムのレイアウトを作り上げてる作成者を見かける。

でも、基本はエントリ部分がHTML的に一番上に来るのが理想的で、その後に両サイドのメニューがある形が良い。(これは検索エンジン的にも良いみたいね)

私がよく使う可変幅3カラムレイアウトは、負のマージンを使います。
これはコードもシンプルで、CSSでの管理も簡単になるやり方。

中央のメインコンテンツ部分のサイドをマイナスのマージンを指定し、両サイドは幅を指定する。(もちろんラッパー「wrapper」でくくります。
floatを使うやり方ですが、慣れると簡単ですよ。
可変レイアウトデザインを次回作ってみますね。
| Comments(-) | Trackback(-) | Web

text-indentプロパティ

text-indentプロパティの値で表示されないように9999pxとかの値をいれている大手サイトを多くみかける。
これは音声ブラウザを考慮してのテクニックで、displayプロパティでnoneにすると音声ブラウザでは読み上げられなくなる。
だから、画面上では表示されないように位置をずらすテクニックでユーザービティーを考慮してるのでしょ。

このテクニックは、現在の標準CSS2に強い影響を与えた海外デザイナーたちが使っていたから広まったみたい。
ただ、検索エンジン的には問題があるかもしれない。
実際にHTML的には見えるのに実際には見えないようにする行為はすべてスパムとされる。
hiddenとかで隠してるデザインもちょっと、使わないほうがいいテクニックかもね。
| Comments(-) | Trackback(-) | Web

IEのバグ

Webデザイナーを目指す人がIEのバグによって思うようにいかずに挫折することも多いと聞きます。
例えば、border、padding、入れ子の多い透過pngとか、普通に記述してると必ずといっていいほどモダンブラウザとの表示が異なってくる。
近年のWebデザイナーは、理想の高いものを求められるから、難しくすればするほどややこしくなって、気がつくとimportantだらけになってるCSSになってたりする。
ホームページなどを作成する人は必ずIEのバグを知っておかないとね。

| Comments(-) | Trackback(-) | Web

ペンタブレット 略してペンタブ

Webデザインには必須のペンタブレットを買ってみた。(略してペンタブ)
価格は3万円。今まで使ってたものとメーカーが違うので全然使い方や使用感が違う。
慣れれば問題ないだろうけど、慣れるまでが大変だったりする。
こういうものでデザインするよりも、なんらかの画像処理ソフトで用意されているイラストをアレンジした方が早い場合もあるけど、暇な日はこつこつ描いてみるのもいいわさ。

話しは変わって・・・。
最近、岸部シローさんのブログにハマってます!
http://blog.smatch.jp/kishibe/
最後の広告?なのかアフィリエイト?的なものなのか、
マイナスな内容の後のそういった広告的なリンクがすっごい面白いですよ。
| Comments(-) | Trackback(-) | Web
 | HOME |