2014年2月第3週号 1位は、ページネーションと無限スクロールとの使い分け、気になるネタは、冬期オリンピックの歴史を見ることができる「Olympic History」

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

Webの古い技術であるページネーションが、なぜ今でも生き残っているのかという話題です。ページ分割・ページ送りをするページネーションと、無限スクロール（Infinite Scrolling）との比較をしています。

ページネーションを使うケース

無限スクロールを使うケース

Webサイトのリデザインについて解説した記事です。

いい例としてTEDのサイトのリデザインについて紹介されています。なお、新TEDサイトは「http://new.ted.com/」というサブドメインで公開されていました。リニューアル後はメインのビジュアル部分が横幅いっぱいに広がり、レスポンシブ対応にもなっています。

一方、悪い例としてTwitterのサイトが上げられており、問題解決のためではなく「どう変更するか」がリデザインの目的となっているところが良くないところだと指摘しています。

BootstrapをベースとしたWebデザインのパーツを多数紹介しています。

フォームやボタンをはじめ、メニューなどのUI要素など、Bootstrapのデザインカスタマイズ例がいろいろと掲載されています。

今流行のスタイルのWebサイトをまとめて紹介した記事です。

レスポンシブ、シングルページ、フラット、文字少なめ、といったイマドキなスタイルで、デザイン的にもクオリティの高いサイトが並んでいます。

レイアウトやUI関連のjQueryプラグインをまとめた記事です。

Pinterestのようなレンガ組みを実現させるもの、フル画面でコンテンツを展開するものなど、最近流行のWebデザインに役立ちそうなプラグインが多数紹介されています。

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

クックパッドの3人が子会社設立で作った「レター」は超シンプルな写真カレンダー送付サービス | TechCrunch Japan
シンプルかつデザインがいいところが高評価のようです
ECサイト構築「STORES.jp」がヤフオクと連携、商品露出を強化 | TechCrunch Japan
ヤフオクをはじめ複数のマーケットプレイスに商品を露出できるそうです
eventATND サービス終了のお知らせ
eventATNDは終了するけど、アテンドベータの方は継続するそうです。まぎらわしいですね

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

WebページがFacebookでシェアされるときにサムネイルとして表示される画像が、OGP画像です。このOGP画像は、メタタグで「property="og:image"」として指定できます。

OGP画像はFacebook上では正方形で表示されたり横長に表示されたりするのですが、この見え方をシミュレートするサービスが「OGP画像シミュレータ」です。

画像をドラッグ＆ドロップするだけで、Facebook上での複数の表示パターンを確認することができます。画像がトリミングされたときにも、大事な部分が見えるように調整するのに役立つサービスです。

優れたWebサイトを紹介するギャラリーサイトの「Awwwards」に、ソチオリンピックに合わせて作られた冬期オリンピックの歴史を見ることができる「Olympic History」というサイトが紹介されていました。

非常にイマドキのWebデザインなのですが、ロシアで作られているとのこと。Webデザインのトレンドに国境はないようです。

このサイト、それほど中身は充実していないんですが、冬期オリンピックの歴代マスコットやメダルを見ることができて楽しいです。

長野オリンピックのマスコットは微妙だけど、メダルは歴代の中でもクオリティ高いんじゃないかと再発見しました。そして、調べてみて分かったんですが、長野オリンピックのメダルには木曽の漆が使われているそうです。当時話題になったはずですが、今さらながら知りました。