2015年2月第2週号 1位は、マテリアルデザインの原則と実際のアプリにどう適用したかの解説、気になるネタは、“正方形”ディスプレイという新提案はアリなのか？

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

ニュースリーダー「Feedly」のAndroidアプリを、マテリアルデザインにリニューアルした経験を元にまとめられた記事です。

以下の項目に分けて、マテリアルデザインの原則と、それをどうFeedlyのアプリに適用したかを解説しています。

画面の実例も豊富で参考になります。

マテリアルデザインの参考になるインターフェイスデザインなどのショーケースです。このサイト自体もマテリアルデザインとなっています。

「コンセプト／モバイルアプリ／イラスト／Webサイト」のカテゴリに分けられています。動きのあるものは、アニメーションGIFで紹介されていて分かりやすいです。

モバイル向けデザインにおけるタイポグラフィのルールを解説しています。

Sass（CSSを拡張したメタ言語）の初心者向けに、ExtendとMixinの8つのコードを提供しています。

Clearfixやトランジション、グラデーションなどのコードが紹介されていました。

独創的な「About Us」ページを15個紹介しています。「⁠会社概要」「⁠私たちにについて」といったページですね。

サイトの向こう側にいる人の顔が見える、人がいることを感じさせるという点で、「⁠About Us」ページは重要とのことでした。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

シックス・アパート、ウェブサービス型CMS「MovableType.net」正式版提供開始 -INTERNET Watch
「⁠ライト」プランが月額2500円、「⁠スタンダード」プランが月額4500円でした
Googleにツイートのリアルタイム検索が戻ってくる！ - TechCrunch
Twitterのリアルタイム検索のためだけにYahoo! JAPANを使っていた人には朗報です
ECストア構築の「BASE」が決済事業に参入--売り手の次は買い手 - CNET Japan
BASEの関連サービスではなく、決済に特化した新サービスとのこと

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

Webデザインのテクニック記事などを数多く提供しているCodropsに、CSSの辞書的なコーナー「CSS Reference」が登場しました。

CSSのプロパティや疑似クラスなどの一覧から、各項目の詳細ページを見ることができます。詳細ページでは、基礎からの解説や豆知識的なもの、サンプル、ブラウザサポート状況など豊富な情報が掲載されています。

Codropsでおなじみの、その場でHTMLやCSSをいじって確認できる「ライブデモ」も埋め込まれており、CSSリファレンスの決定版といえるような充実度です。

EIZOの26.5型液晶ディスプレイがついに発売になったようです。1920×1920ピクセルの表示解像度を持つ正方形画面のディスプレイです。

調べてみると、スクエア液晶ディスプレイと銘打った正方形画面のディスプレイは既存商品でもあったのですが、スペックを見てみると19型で1280×1024ピクセルだったりして、アスペクト比1：1というのが珍しいようでした。

やはりDTPで印刷物のデザインをするときに便利そうですが、Web制作においてもメリットは大きそうです。スマートフォンを使って縦サイズで写真や動画を撮ることも増えているので、そういった素材を大きなサイズで見ることもできてよさそうです。

なお、イラストに描いたほぼ正方形のデジカメは、最近発表されたキヤノンのPowerShot N2というものです。ポラロイドのアクションカメラ「Cube」も正方形ですね。