2011年1月第1週号　1位は、CSS3メディアクエリによる可変レイアウトのサンプル集、気になるネタは、日本通信とイー・モバイルからSIMロックフリーAndroid「IDEOS」登場

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

CSS3のメディアクエリを使い、画面サイズによってレイアウトが可変するサイトのサンプル集です。

最初に紹介されているサンプルは架空のサイトで、ブラウザの横幅により3カラムから1カラムまで変化します。また、水平メニューが垂直になったり、画像サイズが変わるといった仕掛けがよくできていて参考になります。

実際に稼働しているサイトも多く紹介されていて、すでに実践として使えるテクニックなのだと実感させられました。

日本の場合はこれに加えてフィーチャーフォン（ガラケー）のことも考えなくてはいけませんが、アメリカではPC＆スマートフォン／タブレット両対応はこの形が増えていきそうです。

画像を使わずCSSだけで実現した、ちょっと変わったドロップシャドウのテクニックです。

CSS3のtransform（変形）をうまく使い、紙のカールや立体的な感じをうまく表現しています。

フリーのWebサイトのテンプレートやFlashのテンプレートをダウンロードできるサイトを紹介しています。

デザインサンプル集としても参考になるでしょう。

「Web担当者Forum」サイトの中から、2010年の人気記事をまとめて紹介しています。

解説記事、ニュース記事、ユーザー投稿といった種類別に、合計40の記事が人気順に掲載されています。

アクリル画のような筆のタッチを実現するPhotoshopのブラシ集です。アクリル画とはアクリル絵の具を使った絵画のことです。

Webデザインにアナログの要素を加えたいときに役立ちそうです。

そのほか、気になるWebサービスとインフォグラフィックを紹介します。

既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられるブックマークレット「Wirify」
サイトをワイヤーフレームっぽい表示に変換するブックマークレットの紹介です。
グーグル、共有ワークスペース「Shared Spaces」を公開 - CNET Japan
Google Wave向けに開発された資産を活かしたもののようです。
HTMLやCSSがわからなくても、無料で簡単にウェブサイトを作れるWebアプリ「Orbs⁠」⁠ : ライフハッカー［日本版］
CMSではありませんが、簡単にWebサイトをデザインできるサービスのようです。
The State of the iOS App Store [INFOGRAPHIC]
App Storeに関するデータをインフォグラフィックにしたものが掲載されています。
Facebook vs Twitter 利用者比較インフォグラフィック：In the looop：ITmedia オルタナティブ・ブログ
FacebookとTwitterを比較したインフォグラフィックの紹介。毎日ログインしている人の比率、モバイルからのアクセスの比率など興味深い内容です。

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

PostPostは、Facebookの自分のニュースフィードを新聞風レイアウトで見られるサービスです。Facebookのニュースフィードとは、Twitterでのタイムラインのようなものです。

TwitterやFacebook、Flickrなどで自分がフォローしているコンテンツを、雑誌風のレイアウトで閲覧できるiPadアプリ「Flipboard」が昨年話題になりましたが、その流れを汲んだものでしょう

フィードリーダーのFeedly（ブラウザの機能拡張⁠）⁠、Reeder（iPad／iPhone、Mac版も公開予定）も、情報を雑誌風レイアウトに整形して提供するという、同じ方向性のものですね。

こういった、パーソナライズされたソーシャルマガジンサービスというのが、今年はより流行りそうな予感がします。

イー・モバイルから、モバイルルーター「Pocket WiFi」の後継モデルとしてAndroid端末の「Pocket WiFi S（S31HW⁠）⁠」が発表されたと思ったら、日本通信からはSIMロックフリーのAndroid端末「IDEOS」が発売されました。

Pocket WiFi Sも、IDEOSをベースとしたもので、香港のファーウェイ（Huawei）社のIDEOSに注目が集まっています。

日本通信のIDEOSはキャリアとの契約なしに購入でき、2万円台と安価です。無線LAN環境だけで使用するなら月額費用などかからないので、Webサイトやアプリのチェック用端末として購入するという手もありますね。

イー・モバイルから発売されるIDEOSもSIMロックフリーとのことで、AndroidスマートフォンにはSIMロックフリーの時代が来るのかもしれません。

なお、IDEOSはイディオスと読むようです。日本通信では「おこづかいで持てるスマートフォン」というキャッチコピーを付けていますが、Amazonでも売っているので「Amazonでも買えるスマートフォン」と謳うのもいいんじゃないでしょうか。