2010年4月第2週号　1位は、新聞や雑誌のようなスタイルのWebデザインのトレンド、気になるネタは、何もしないiPadアプリ『ゲームテーブル』

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

新聞や雑誌のようなスタイルのWebデザインのトレンドについての記事です。

トレンドとしては以下の項目が紹介されていました。

ショーケースとして紹介されているサイトは、どれもステキなデザインで参考になりそうです。

アイコンを作る際に気をつけることをまとめたレクチャー記事です。

シンプルでサイトに溶け込むような、汎用性の高いアイコンの作成を目的とした内容です。

ダメなアイコンの例を抜粋して以下に紹介します。

ほかにも、してはダメなこと／するべきことが多数掲載されています。

サイトのモックアップやワイヤーフレームを作るためのローカルアプリケーションとWebサービスを多数紹介しています。

この連載でも、モックアップやワイヤーフレームを作るためのWebサービスを何度も紹介していますが、まだこれが定番というものはないようです。

自分に適したサービスやアプリケーションを探すのに、この記事は大変参考になると思います。

タブナビゲーションを、画像を使わずにCSS3だけでデザインしたサンプルです。

CSS3でおなじみの角丸、シャドウ、グラデーションを使えば、こういった図形は簡単に実現できますね。

タブにロールオーバーしたときのちょっとしたアニメーション効果も、JavaScriptではなくCSS3のTransition（変形）を使っています。

なお、この記事のサンプルでは、タブが切り替わる機能についてはjQueryを使っています。

手描き風の要素を使ったWebデザインのギャラリーです。

そのほか先週の記事から、気になるニュース記事を4つ紹介します。

iPhone アプリ開発の制限強化、Flash他から変換を締め出し
Adobe Flash CS5の目玉であるFlashからiPhoneアプリへの変換は、今後認められなくなるようです。
3大学でiPad無償配布：「紙の教科書は時代遅れに」(動画) | WIRED VISION
サードパーティによる教科書用のアプリがあり、なかなか高機能のようです。
It’s Official: Google Now Counts Site Speed As A Ranking Factor
Googleの検索結果の順位を決める要素に、サイトの表示速度が加わったそうです。
SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に－ Publickey
IE9がサポートすることでSVGの普及が始まるのではないかという話です。

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

iPadのSafariであなたのサイトがどう見えるかを確認できるサービスです。とはいえ、レンダリングをエミュレーションしているわけじゃないですね。Flashもちゃんと表示されますし…。

iPad風の枠を付けて、iPadでサイトを見ている感じを味わえるジョークっぽいサービスなんでしょうか。

アドレスバーにURLを入力しようとするとキーボードが表示されたり（キーボードは使えません⁠）⁠、iPadを縦／横にできたりと、なかなか小技が効いています。

iPadやiPhoneのSafariのように、ページの横幅はフィットされて表示されます。横幅の大きなサイトは縮小されるわけですが、これはCSS3の変形機能を使って実現しているようです。

iPadでどの程度の範囲まで収まるかが分かるので、Webデザイナーにとって実用性もそれなりにありそうです。

iPadアプリ「ゲームテーブル」は、ただゲーム盤を提供するだけのアプリだそうです。チェッカーやチェス用のボードとコマ、トランプ一式などが用意されており、コンピューター制御の敵はいないとのこと。これはなかなかいいアイデアですね。囲碁や将棋、オセロなんかも出てきそうです。

モノポリーや人生ゲームなどの盤面だけというのも面白いかもしれません。サイコロ機能くらいはあった方がいいでしょうか。おカネの勘定はiPad上でやってもらえると楽ですが、おもちゃのお札を扱うからこそこの手のゲームは楽しいのかもしれません。

人生ゲームのサイトを見てみたら、お札がなくてキャッシュカードになっているという人生ゲームもあるようです。ルーレットもデジタル。すでに人生ゲームもハイテクになっていました。