2014年4月第3週号 1位は、上品な企業サイトのデザインについて、気になるネタは、パソコンなしで音楽CDをAndroidスマホに保存、異色の「CDレコ」は買いか？

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

上品な企業サイトのデザインについて解説しています

企業サイトはシンプルに控え目にということですね。

図1　上品な企業サイトのデザインについての解説

※指定画像がありません※

デスクトップアプリケーション、オンラインツールなど、CSS制作に役立つツールや素材が紹介されています。

有料のアプリケーションもいろいろ紹介されており、Mac向けアプリが多数紹介されていました。

図2　CSS制作に役立つツールや素材

※指定画像がありません※

レスポンシブなHTMLメールのためのパターンがまとめられています。

通常のWebページ制作と違い、HTMLメールの場合はいまだにレイアウトにテーブルを利用するなど、独特のテクニックが必要です。

HTMLメールに限らず、通常のレスポンシブなCSS作成の参考になる箇所も多そうでした。

図3　レスポンシブなHTMLメールのためのパターン集

※指定画像がありません※

Webデザインに役立つPhotoshopプラグインを10個紹介した記事です。

PhotoshopのレイヤーからCSS3グラデーションを作るもの、スライス機能を強化するもの、ガイド作成を簡単にするものなどが掲載されています。

図4　Webデザインに役立つPhotoshopプラグイン10選

※指定画像がありません※

本をめくるような効果を与えるjQueryのプラグインをまとめています。

電子ブック的な用途に使えそうなものが多いですが、単純に要素がひっくり返る効果を与えるものもありました。

図5　本をめくるような効果を与えるjQueryプラグインを15個紹介

※指定画像がありません※

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

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

Pandaは、デザイナーのためのニュースとインスピレーションの参考になりそうな作品とが同時にチェックできるサービスです。DribbbleとBehanceからの作品を見られるサービスはいろいろありますが、ニュースと一緒に見られるようにしたところが新しいですね。

ニュースは、Hacker News、Designer News、Sidebar.ioを切り替えられるようになっていて、新着順か人気順かも選べます。DribbbleとBehanceとも切り替えるようになっています。ニュースはタイトルが表示されるだけで、クリックすると即そのページに移動します。

デザイナー向けポータルとして面白いのですが、もうひとひねり欲しいようにも思えます。今後のアップデートに期待したいですね。

図6　ニュースとデザイン作品が見られるデザイナー向けポータル

※指定画像がありません※

スマートフォンにつないで音楽CDをリッピングする専用ハードが登場しました。「⁠パソコン使えよ」とか、「⁠オンラインで購入すりゃいいじゃん」という声もありそうですが、CDをいっぱい持ってる世代でパソコンを使いこなせない人には待望のハードではないかと思いました。

スマートフォンを使うメリットとして大きいのは、クラウドサービスなどを使ってパソコンとのデータのやり取りが簡単なことです。でも、パソコンをそれほど使わない人たちにとっては、スマートフォンだけで何でも完結できるほうが、利便性が高いはずですよね。

プリンタやスキャナなど、これまでパソコン用だった周辺機器たちが、どんどんスマートフォンに対応してきています。そのうちスマートフォン周辺機器売り場で、「⁠これパソコンにも対応していますか？」と少数派になったパソコンユーザーが聞くようになるのかもしれませんね。