2015年8月第1週号 1位は、Webデザインをブラウザ上で始めなくてはいけない理由、気になるネタは、8から10へ無償アップグレード：「Windows 10」とコラボ！デイリーチコの名物アイスが“夢の10段”に無償アップグレード

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

Webのデザインは、ブラウザ上で動くプロトタイプを作ることから始めるべきだと主張している記事です。Photoshopでデザインするのではなく、最初からHTML＆CSSで組んでいこうという考え方ですね。

プロトタイプをデザインする流れとして以下の手順が紹介されています。

まず、グレイのボックスを使った枠組みだけのプロトタイプをHTML＆CSSで作り、スタイルタイルでビジュアル要素を決めてから、デザイン要素を含んだプロトタイプを作るという流れです。

スタイルタイルは配色やフォント、UIエレメントなどのデザイン見本用テンプレートのことで、2015年4月第4週号で紹介しました。

マテリアルデザインが必ずしも良いとは限らない点について、解説した記事です。

Windows 10がWebデザインに与える影響についてまとめています。

ナビゲーションメニューを作るコード例を多数紹介しています。

codepenで共有されているコードにリンクしているので、実際に動作を確認したりコードを変更して検証したりできます。

CSSによる画像のフィルター効果について、いくつかの使用例をまとめた記事です。

Safari 9でしか動かないという事例ばかりなのですが、可能性が感じられて興味深いです。

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

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

Background Image Generatorは、背景画像を作るWebサービスです。選べるパターンが豊富なところが特徴です。

背景色とパターンを選べるほか、ブレンドモードやパターンの強さも設定できるようになっています。また、ノイズを加えたりパターンを反転することも可能です。

作った背景画像は、繰り返しパターンのPNGファイルとしてダウンロードできます。2倍サイズの画像も保存できますが、ベースのパターンがビットマップのようで、単に拡大してぼやけた画像となっていました。

Windows 10と中野ブロードウェイのデイリーチコがコラボ企画をやるというのが、意外な組み合わせで驚きました。

Windowsは8（8.1）から9を飛ばして10への無償アップグレードということで、デイリーチコ名物の8段ソフトクリームが同じ値段で10段になるというのは、よくできた企画ですね。

Web制作に関わる人には、Windows 10ではデフォルトブラウザがEdgeになったというのが注目ポイントだと思いますが、デイリーチコとのコラボというエッジの効いた企画をやるマイクロソフトの懐の深さにも注目したいと感じました。