2010年1月第2週号　1位は、ブラウザ上でのモックアップ作成のススメ、気になるネタは、Google Nexus One（ネクサス・ワン）ついに発表

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

Photoshopなどを使って画像でWebページのラフを作るのではなく、最初のモックアップの段階からHTMLとCSSで作ることを推奨した記事です。

といった理由があるようです。

CSS3でドロップシャドウや角丸、透明度を使う方法がTipsとして紹介されていますが、CSS3での表現力があってこそHTMLとCSSでラフデザインを行えるようになったと言えるでしょう。英文だと、CSS3のWebフォントでいろんな書体も使えるので、文字を画像化する必要もなさそうです。

この記事の作者が推奨しているツールは、エディタはMacRabbitのEspresso、カラースキーム作成はAdobe Kuler、ブラウザテストツールはAdobe Browserlabでした。

最近はやっているタイプのナビゲーションメニューを集めて紹介しています。

といったカテゴリに分けて、豊富に実例を紹介しています。

ロールオーバーボタンの作成やフェードインの設定など、CSS3のアニメーション関連のプロパティを詳しく説明しています。

ページ全体をフェードインで表示したりできるんですね。毎回だと鬱陶しいと思いますが。JavaScriptやFlashが登場してすぐの頃もそうでしたが、機能に引っ張られて無意味に効果を入れまくったサイトが増えるかもしれませんね。

このアニメーション機能ですが、現状Safari 4とGoogle Chrome 2以上でしか使えないとのことです。

白ベースでクリーンなWebデザインのショーケースです。シンプルでミニマルなサイトが多数紹介されています。

2009年の優れたポートフォリオサイトのショーケースです。いろいろなタイプのサイトが25個紹介されています。

そのほか先週の記事から、Twitter関連の記事を紹介します。

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

CSS3でのグラデーションのコードを簡単に生成できるジェネレーターが登場しました。出来上がりのサンプルを見ながら、始点と終点や色を選べます。

今後こういったCSS3用ジェネレーターがいろいろ登場しそうですね。

WebオーサリングソフトやCSS編集ソフトにCSS3用の機能が付くまでは、こういったオンラインツールが重宝しそうです。

WebKit系（Safari、Chrome）と、Mozilla系（Firefox）両方に対応したコードを生成していますが、Firefoxでのグラデーションのサポートは3.6bからとのことでした。

話題のGoogleケータイ「Nexus One」が発表されましたね。

いままでAndroid搭載の携帯電話をGoogleケータイと読んだりしていましたが、これからはこのNexus OneだけをGoogleケータイと呼ぶことになるんでしょうか。

このNexus One、3～4年前のノートPCと同等の性能を持つスーパーフォンなんだそうです。

iPhoneよりわずかに薄くて軽いのに、画面は480×800ピクセルとiPhoneの320×480より解像度が高いんですね。このタッチパネル有機ELディスプレイは明るく反応も速いと評判がいいようです。

日本語表示には対応しているけれど、キーボードは日本語対応ではないとのこと。日本での発売も未定だそうです。

なお、イラストのウルトラマンネクサスですが、興味のある方は「ウルトラマンネクサス　暗い」で検索してみてください。暗いながらも、わたしは結構好きでした。