2015年4月第5週号 1位は、レスポンシブデザインの3つの失敗とそれを防ぐ方法、気になるネタは、国内メーカーが「ガラケー」を生産終了へ、Android搭載「ガラホ」に集約

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

レスポンシブデザインの3つの失敗とそれを防ぐ方法をまとめた記事です。

水平メニューが改行されてしまう

固定幅の画像を使ってしまう

要素のゆがみ（デザイン上の優先順位などが変わってしまう）

こちらの記事も、レスポンシブデザインの問題点と解決策について考察したものです。

スマートフォンの画面サイズが大きくなったことでレスポンシブWebデザインに問題が生じてきているが、それは解決することができると書いてありました。

ワイヤーフレームとプロトタイプとモックアップの違いについて解説した記事です。

ワイヤーフレーム

プロトタイプ

モックアップ

以前も同じような記事を紹介しましたが、プロトタイプとモックアップとを混同していたわたしです。

Webデザインの参考になる情報や素材などを掲載しているサイトを紹介しています。

Webサイトのデザインギャラリー、フリーのグラフィック素材、カラーパレット、モバイル関連、UX、コミュニティといったカテゴリに分けて、厳選されたサイトが載っていました。

CSSのシャレやジョークの数々を楽しめます。CSSのジョークって何なのか想像がつかない人が多いと思うのですが、実際に見てみるとすぐに分かるので是非ご覧ください。

CSSが分かる人なら、なるほどねと感心するネタに出会えるはずです。

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

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

「How to Center in CSS」は、CSSによるセンター揃えのためのコードを生成するサービスです。水平方向または垂直方向、あるいは両方のセンター揃えのCSSが作れます。

CSSでやろうとするとひっかかることの多い、垂直方向センター揃えのコードを生成してくれるのが便利です。サイズが決まっている領域の場合は、数値で指定するのが確実な方法なのですが、このツールを使うと親要素と子要素のサイズから余白の値を自動で計算してくれます。

Flexboxによる記述にも対応すると、もっと便利なツールになりそうです。

「ガラケー」が生産終了と報じられ話題となっていました。二つ折りや物理ボタンを持つ携帯電話は残るものの、OSはAndroidに統一されるそうです。Firefox OSなどOSの選択肢は他にもあると思いますが、ともかくいわゆる「ガラケー」終了は本当のようです。

Webサイトやサービスを制作する側の視点だと、ガラケーのブラウザの利用者が減っていくのは朗報です。「⁠ガラホ」のメーラーがどんな感じになるのか分かりませんが、HTMLメールがすんなり表示できることに期待します。HTMLメルマガが本格普及していくきっかけになるかもしれません。

使い勝手がいいからとガラケーを使い続ける人も多いようですが、スマホにすると料金が高くなるところもネックになっていると思います。これを機に格安スマホを使う人が増えていくと、キャリアメールの利用者も徐々に減っていくかもしれません。キャリアメールはいろいろとやっかいですからね。