css,スタイルシート: 2006年10月アーカイブ

ブラウザの表示幅を取得して、そこからスタイルシートを置き換えるjavascriptです。800ピクセル以上で4コラムのレイアウトで表示されますが、表示幅が800ピクセル未満になると1コラムレイアウトに代わります。アクセシビリティには、とてもいい手法だと思います。

今後こういったアクセシビリティを考えての、javascriptを使ったスタイルシートの置き換え手法は増えてくるのかも。DOMの属性を変えることで実現しているようです。（只今勉強中）

興味のある方は、一度覗いてみてください。

角丸表示する方法もいくつかあります。そんな方法を紹介しているエントリーを一挙に集めたサイトがありましたので紹介しておきます。

CSS Rounded Corners 'Roundup'というエントリーです。紹介されているリストは、javascript制御か否か・使用する画像数・リキッドレイアウト（サイズ可変）可能か横幅サイズ指定タイプなどさまざまなパターンを考えてきれいにリストアップされています。今後のさまざまなシーンで使うことを想定してブックマークしておいた方がいいとおもいます。

WEB制作でデザインが決まったら、今度はdivブロック要素にレイアウト割りします。各ブロック要素のセレクタ名を決めた後、このmarkupmakerを使えば、簡単にvalid XHTML文書を作成することができます。

各ブロック要素のセレクタ名を階層順に入力することで構造化されたXHTML文書とCSSコードが生成されます。あとは、コンテンツを入れ込んで、各ブロック要素でのCSS設定を行えばいいだけになります。

XHTML documentタイプも選択できます。かなり作業効率を向上することができると思います。かなり便利なツールです。

ブラウザからCSSを編集・表示確認できるソフトはFirefoxであれば、Web Developer Toolbarを使えば可能でした。今回見つけたCSSvistaは、IE・Firefoxで同時に表示確認・CSS編集ができるフリーソフトです。但しWindows XP onlyです。

これを使えば、WEB制作の作業効率を向上することができると思います。Windows XPのみでインストールには、Microsoft .NET Framework Version 2.0が必要になります。導入してみたい方は以下のアドレスからどうぞ。