MOREWebサイトを制作する際、現在ではPC画面のみならずスマートフォンやタブレットPCなどなどあらゆるデバイスできちんとレイアウトが保たれるように制作することが必要になります。MOREマークアップされたHTMLソースの記述や文法などをチェックしてくれるツールは数多くありますが、HTMLソース内にある不適切な記述部分をCSSを使って診断・指摘してくれる「holmes.css」が構文チェックをする際に使えそうだったのでご紹介。gateway」」にて紹介しましたが、残念ながらいずれもHTML5にはまだちゃんと対応していない模様。MOREWebデザインをするにあたって、画面サイズは結構重要なもの。一般的と言われている1024×768の画面解像度に加えてモニターサイズのパターンはさまざま。そんな画面サイズをブラウザ上で一発で調整が可能になるツール「resizeMyBrowser」が結構使えそうだったのでご紹介。MOREWebサイトを構築する際、HTMLの組み方やCSS/JSの構成などでページの表示するレンダリングスピードは変わってくるもの。ページを閲覧するユーザにとってレンダリングスピードをいかに早くするか、が重要だったりします。MOREサイトデザインにおいて、ブラウザ上で画面を拡大表示できたり、サイズや使用しているカラーをスポイトで抽出できたりと制作や調査になにかと便利そうなFirefoxのプラグイン「PixelZoomer」をご紹介。MOREあまり新しいものでもなさそうですが、Web開発者なら誰もが知っているであろうFirefoxプラグインのFirebug。そのFirebugにjQueryの動作確認およびデバッグを追加する拡張プラグイン「FireQuery」なるものがあるもよう。SuperPreview」も結構便利そうです。MOREちょっと今更な感じもしますが、コーディングやサイト構築際に、何かと役に立つWeb開発補助ツール。ブラウザ毎にさまざま用意されていますが、ここでも2つほど紹介しておきます。Developer」かなり便利に使えます。MOREコーディング後のブラウザレンダリング確認において結構頭を悩ませるのが、ブラウザによっての各バージョンでのチェック。以前、BrowserShotなるものはここで紹介しましたが、今回は普段よく使っているIE各バージョンでのチェックが可能なツールについて2つほど。Tester」という名のツール。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。