2016年9月第1週号 1位は、時代遅れにならないWebサイトレイアウトのアイデア、気になるネタは、Twitter、Webサイトに貼れるDM（ダイレクトメッセージ）ボタンの提供を開始

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

時代遅れにならないWebサイトレイアウトのアイデアを5つ紹介しています。

ソーシャルメディアで利用する画像を強化する、11のシンプルなテクニックをまとめています。

メールマガジンで使われるボタンについて、知っておくことを解説した記事です。

ボタンに関する以下の各項目について調査した結果が載っていて参考になります。

ボタンの色は青が1位、2位が緑でした。

フォームデザインの新しいルールについて解説しています。

2は、たとえば電話番号の入力の場合、スマホの場合数字キーボードにするとか、桁数に合わせて自動的に括弧やハイフンが入るといったことです。

オリンピックに関するグラフィックのオリンピックという記事で、金、銀、銅メダルに選ばれた3つのサイトが紹介されています。

金メダルとして紹介されているニューヨークタイムズのページは、リオオリンピックでのいくつかの競技を連続写真で紹介したものでした。

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

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

Canvasは、リアルタイムで複数のメンバーで文書を作れるWebサービスです。同じ文書を複数メンバーで同時に入力・編集していくことが可能です。文書はHTML、マークダウン、JSON形式でダウンロードすることもできます。

マークダウン記法で入力したものがリアルタイムでプレビューでき、次の文字を入力するとマークダウンで書いた箇所が確定される（マークダウンのマークアップ部分が非表示になる）のが新感覚で面白いです。

最近iOSアプリが登場し、iOS端末でも使えるようになりました。iOS端末ではオフラインでも文書の作成・保存ができるので、マークダウンエディターとして使うのにもよさそうです。

Twitterでダイレクトメッセージを送るためのボタンを作れるようになりました。ダイレクトメッセージを誰からも受けられるよう設定して、このボタンをサイトに貼れば、Twitterで問合せを受けられるようになります。

FacebookもメッセンジャーでFacebookページ宛てにメッセージを送れる機能に力を入れています。問合せのメールフォームを使うより、TwitterやFacebookのメッセージを利用するのがだんだん主流になっていくんじゃないかと思います。

送る側にとっては、メールアドレスを企業に渡さなくてもいいことなどがメリットですが、問合せを受け取る企業側の方がメリットが大きそうです。スパムが減りそうですし、問い合わせに返信したときに、迷惑メールフォルダに入るとかドメイン指定設定ではじかれるなどの、メールが届かないトラブルが避けられます。