2009年4月第5週号　1位は、ゼロから作る美しいWebサイトデザイン／気になるネタは、White House 2.0：米政府、公式Twitterをスタート

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2009年4月27日～5月3日の間に見つけた記事のベスト5です。

Adobe PhotoshopでゼロからWebページをデザインしていく様子を、ステップバイステップで詳しく紹介しています。あくまでもPhotoshopでのデザインまでの案内です。

Webデザイナーである作者によると、ちょっとしたPhotoshopのスキルと細部への配慮があれば、見た目の良いWebサイトが作れるとのことです。

たしかに、微妙なグラデーションやシャドウなど、細部のちょっとした部分に手間をかけているのが分かります。ソフトなグラデーションや境界部分の1ピクセルラインなど、最近のサイトデザインの定番テクニックが学べますね。

ここで制作しているPSDファイルは、ThemeForest.netという各種テンプレートを配布しているサイトで購入することができます。

CSSフレームワークのリンク集です。コンプリート（全てそろった）とリミテッド（限定された⁠）⁠、その他の3種類にわけて紹介しています。

コンプリートCSSフレームワークとして紹介されているものは、レイアウト用CSSとリセットCSSなどがセットになったもの、リミテッドCSSフレームワークはフォーム用、プリント用など特定の目的のためのものです。

オリジナルのCSSフレームワークを作るためのガイドラインへのリンクもあり、そちらの記事も参考になりそうですね。

なお、960 Grid Systemを使ってデザインするときに便利な、Webページ上にグリッドを表示するためのJavaScript＆CSS「960 Gridder - Lay out websites with ease.」というサイトも先週紹介しました。

自分のページにスクリプトを読み込ませて使うか、ブックマークレットを利用することができます。

JavaScriptを使ったナビゲーションのテクニックとサンプルの紹介です。

CSSだけでメニューを作るのが定番の時代から、JavaScriptフレームワークを使って簡単にちょっとした効果を加えるのが当たり前の時代に変わっていくのかもしれません。

やはりjQueryを利用したものが多いですが、jQueryを使ったナビゲーションのまとめとしては、「⁠15 Excellent jQuery Navigation Techniques and Solutions」という記事もありました。

エレガントで独創的なブログデザインのショーケースです。手描き風のもの、イラストを効果的に使っているものが多いですね。

この手のリストでは、見たことのある定番サイトも多いのですが、ここで取り上げられているサイトは初めて見るものが多いです。

ブラウザの機能拡張といえばFirefoxが有名ですが、実はSafariにもプラグインがあります。この記事では、20の優秀なSafari用プラグインを紹介しています。

なお、プラグインの多くはSIMBL （⁠Simple InputManager Bundle Loader）というフリーウェアも同時に必要です。

コードの検証をしてくれるSafari Tidyや、HTMLソースを色分けして表示するSafariSourceは、Webサイト制作時に役立ちそうですね。

重複しているものも多いですが、「⁠無料で使えるSafariプラグインいろいろ」という日本語の記事もご参考に。

以上、メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。

そのほか先週の記事から、あいかわらず多いjQuery関連の情報を紹介します。

jQueryを上手に使ったサイトのお手本を色々探して参考にできる「jQuery Style」:phpspot開発日誌
jQueryを利用したサイトのギャラリーjQuery Styleの紹介記事です。
10+ jQuery photo gallery and slider plugins | Queness
フォトギャラリー／スライダーのjQueryプラグイン集です。
18 jQuery scripts and tutorials to improve your portfolio | Design daily news
ポートフォリオサイトをもっとよくするためのという切り口でのjQueryスクリプトとチュートリアルを多数紹介しています。
10 Best jQuery Sliders | AjaxLine
jQueryを使ったスライダースクリプトを10個厳選して紹介しています。

先週の気になるWebサービス

「PDF to Excel」はその名の通り、PDFファイルをExcelファイルに変換する無料のWebサービスです。ExcelからPDFへの変換なら今までもいろんなWebサービスがあったと思いますが、逆はなかったんじゃないでしょうか。

ネットで検索してみると、PDFからExcelファイルに変換する方法を探している人はたくさんいるようで、需要は多そうですね。専用の有料ソフトもあるようです。

わたしがテストしてみた限りでは、日本語も問題なく変換されていました。変換結果のファイルはメールで送られてきます。

兄弟サイト（？）として、「⁠Convert PDF to Word (DOC) ― 100% Free!」というサイトもありました。

アメリカ政府がTwitter、Facebook、MySpaceで情報発信を始めたそうです。Twitterのアカウントは「whitehouse」だそうで、スタートから6時間後には1万人以上がフォローしたんだとか。

アメリカではふつうの人にもTwitterが有名なんでしょうが、日本ではまだまだIT業界やネットに詳しい人にしか知られていないですよね。

とはいえ、ブログがブームになったように、マスコミがこぞって取り上げだしたらTwitterも一気にメジャーになる可能性はあるでしょう。有名人のTwitterが話題になったり、Twitterの女王なんかが登場するのかもしれませんね。