2014年7月第3週号 1位は、CSS3の新しいプロパティのチュートリアル10選、気になるネタは、Google、モバイル拡張現実ゲーム「Ingress」のiOSアプリをリリース

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

CSS3の新しいプロパティに関するチュートリアルを10個紹介しています。

HTMLメールを作るためのテクニックやサービスを紹介した記事です。

メルマガなど企業からユーザーに送られるメールでは、HTMLメールが当たり前になってきています。しかし、Web制作テクニック系の記事でも、HTMLメールに関するものはごくたまにしか見かけないので、この記事は貴重だと思います。

わたしは最近HTMLメールのメルマガを作る仕事もしているという事情もあって、個人的に大変役に立つ記事でした。

なお、HTMLメールは英語では「HTML email」という表記が一般的なようです。

Webデザイナーのための、無料の素材やテクニックなどをまとめています。

フォントやスクリプト、実験的なテクニック、テンプレートやモックアップなどが掲載されていました。

ソーシャルメディア用のアイコンセットを大量に紹介した記事です。

最近のアイコンデザインのトレンドはシンプルでフラットなものですが、シンプルなものから昔風の質感のあるボタンまで、様々なデザインのアイコンが掲載されていました。

各種Webサービスのロゴなどを使用する際の、ブランドガイドラインへのリンク集です。

FacebookやTwitterなどWebサービスのロゴを使いたいという場合、だいたいどのサービスもロゴをダウンロードできるように用意してあり、規約などを掲載しています。

しかし、そういったページは探しにくいところにあることが多いので、こういったまとめサイトがあると便利ですね。

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

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

ロゴを作るためのWebサービスです。ロゴ制作のジェネレーターはいろいろありますが、このLogoshiはWebページ上のドローツールで描いた絵をベースにロゴを作ってくれるところが新しいです。

ドローツールで描いたものがマークになり、入力した会社名などの文字とセットでロゴが作られます。描いた絵とはかなり違った感じのマークが生成されますが、それはそれで面白いです。

マークが気に入らない場合は「Change Mark⁠」⁠、フォントが気に入らない場合は「Change Font」ボタンを押すと、別なものに変更されます。

気に入ったロゴが完成したら、ロゴのセットをダウンロードすることができます。ロゴと文字とが横並び／縦並びの2パターンで、それぞれ黒／白／カラーの3種類の画像がセットになっています。あくまでもビットマップ画像だけなのですが、小さなサイズのものは無料で、大きなサイズは有料で入手できるようになっています。

Googleの社内スタートアップ Niantic Labsが作った位置情報を使った陣取りゲーム「Ingress」のiOSアプリが登場しました。

このゲーム、「⁠人類を青組と緑組にわけて、地球規模の陣取り合戦を繰り広げるゲーム」で、自分のチームの陣地を広げるには、自分で実際に「ポータル」と呼ばれる場所まで移動しなくてはいけません。

Android版が先行で2013年11月に正式スタートしたというこのゲーム、英語版しかないにも関わらず、日本でも結構なユーザーが陣取り合戦を繰り広げているようです。

えっ、そんなの日本で流行ってるの？と思ったアナタ、このIngress Intel Mapを見てください。この地図を見ると、都心部ではかなり陣地争いが活発なのが分かると思います。

家の中にいながら世界中を見られるようにしたGoogle Earthやストリートビューを作ったGoogleが、家の外に出かけて自分の足で探検するゲームを作ったというところもポイントのようです。ゲームとはいえ、Googleの今後の方向性のヒントとなるプロダクトなのかもしれませんね。