2013年6月第2週号 1位は、シングルページ型のWebデザインがWebの未来である理由、気になるネタは、くら寿司、手塚作品をスマホから無料で読める「TEZUKA SPOT」全店に導入

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

シングルページ完結型のWebデザインが、Webの未来である理由を解説しています。

以下の8つの項目に分けて説明してありました。

シングルページデザインを「Pageless Design⁠」⁠、シングルページサイトを「Smart Site」という呼び方をしているのも新鮮でした。

フラットデザインの原則について解説した記事です。

という5つの原則について説明した後、「⁠“⁠Almost⁠”⁠ Flat Design」というアプローチについて紹介しています。フラットデザインをベースに、ボタンなどにはグラデーションやドロップシャドウをちょっとだけ加えて操作性を損なわないようにした、“⁠ほぼ⁠”フラットなデザインのことです。

前号で取り上げた「Is the New Google Interface Flat?（Googleの新しいインターフェイスはフラットか？⁠）⁠」でも、このAlmost Flat Designという言葉が登場していました。

従来のWebサイトに比べ、非常に大きく表示されるようにデザインされたサイトについて、その利点を解説しています。

といった利点と、フルスクリーンの背景画像と視差スクロールについて説明してありました。

実例も数多く紹介されています。

FireworksユーザーにPhotoshopの不満な点をヒアリングして、その解決策をまとめたという記事です。

Fireworksの開発終了は残念ですが、WebデザインにおいてのPhotoshopの使い方の解説記事が増えたことは、Web業界にとってもプラスになっていると思います。

マークダウン記法の記述方法と便利なツールを紹介しています。

日本でもいろんなブログなどで話題となっている、Mac用の便利なアプリケーション「Mou」も紹介されていました。

そのほか、最近の記事の中から、便利なスクリプトを紹介します。

Midway.js | Automatically center responsive elements! | A project by Shipp Co.
要素を縦／横センターに揃えられるスクリプトです
WideArea - Better Textarea
テキストエリアをウィンドウ全体表示に切り替えられるライブラリです
jQuery Unveil - A very lightweight plugin to lazy load images
遅延ロード用のjQueryプラグイン。Retina用画像も指定できます

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

「web計。」は、Webデザイン用の計算が行えるWebサービスです。縦横比によって画像のピクセル数を計算する機能と、画像を横に並べるときのサイズ計算機能があります。

特に便利そうなのが横幅に対する画像数の計算です。横幅のピクセル数と画像の個数、マージンを入力すると画像の横幅が計算されます。また、画像のサイズと全体の横幅、マージンを入力して、何個の画像が入るのかを計算することも可能です。

縦横比の計算は、4:3、3:2、16:9のほか、黄金比、白銀比も用意されています。

「くら寿司」の全国320店でスマートフォンなどで手塚治虫作品を無料で読めるサービス「TEZUKA SPOT」が開始されました。店内の無線LANアクセスポイントに接続することで無料閲覧できるそうで、インターネット接続はできないとのことです。

回転寿司屋は大人気で待ち時間の長いところも多いので、うれしいサービスですね。手塚プロダクションとしても、子供たちに手塚漫画に親しみを持ってもらえるチャンスなのでしょう。

ほかの回転寿司チェーンが、これに対応してくるのも楽しみです。回転寿司以外でも、店内だけで見られるコンテンツを提供するという戦略が、いろいろ出てくるんじゃないかと思いました。