2011年4月第2週号　1位は、ECサイトの決済画面のガイドライン、気になるネタは、iPhoneやAndroid端末で「tilt」とググると？

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

ECサイトのチェックアウトのプロセスに関する基本的なガイドラインです。

といった内容について解説されています。

これらをまとめると、意味のある流れ、良いコピーライティング、シンプルなフォームデザイン、プライバシーの配慮に気をつけることが大事ということでした。

HTML5にまだなじみのない人に対し、HTML5でコーディングすることの利点を解説した記事です。

具体的な記述例が載っていて、概要をつかむのに適した資料となっています。参考リンクも日本語のもの中心で充実しています。

Webデザイン・テクニック系有名ブログの、リニューアル前後のデザインを比較した記事です。

よりシンプルですっきりしたデザインになっているサイトが多いですね。ロゴ画像は大きくなったところ、小さくなったところとまちまちですが、画像は大きなサイズで扱うようになったサイトが主流のようです。

独創的なWebデザインのショーケースです。美しいサイトではなく、美しくてほかにない独自性を持ったサイトを目指すべきということで、その参考となるサイトを集めています。

かなり作り込まれた、凝った動きをするサイトが目立ちます。Flashを使わずに複雑なインタラクションやアニメーションを実現しているサイトばかりなのは、最近のトレンド通りですね。

スクロールしても位置が固定されているメニューのショーケースです。

メニュー部分は常に決まった座標位置にあるわけでなく、最初はヘッダと一緒にスクロールしていき、途中からメニュー部分だけが画面に残るという挙動が主流です。

そのほか、先週の記事の中から、気になる記事を3つ紹介します。

jQuery Mobile 1.0a4.1 日本語リファレンス
jQuery Mobile公式サイトのドキュメントを日本語に意訳したものです。
Wordpress Plugins that Every Website Need | 39Articles
全てのユーザーに役立つWordpressのプラグインを多数紹介しています。
The Ultimate HTML5 Tutorials and Useful Techniques | Dzinepress
HTML5のチュートリアルと役に立つテクニック記事をまとめています。

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

今回は、オンラインポートフォリオ・画像ホスティングのWebサービスをまとめた記事を紹介します。

有名なflickrとdeviantART以外で、代わりになるようなサービスのリストともいえます。

自分のポートフォリオサイトを作るのに特化したもの、オンラインアルバムサービス、コミュティ機能を持ったものなど、いろいろなサイトが紹介されていました。

iPhoneやAndroid端末で、傾けるという意味の「tilt」でGoogle検索すると、検索結果が右に傾いて表示されるというのが話題になっていました。

CSS3の「transform: rotate」を使って回転させているようですが、iPhoneとAndroid端末にしか適用させていないようで、CSS3に対応しているPC用ブラウザでは傾きませんね。Safariの開発メニューからユーザエージェントをiPhoneにすれば、パソコンからでも傾きました。

スマートフォンだとPCのモニタと違って簡単に傾けて見ることができるからでしょうか？でも、iPadでは傾かないようです。

日本語で「斜め」と入力しても傾きます。「⁠傾ける」では傾きませんでした。