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

1. I Love Responsive Design, But… :: Echo Enduring Blog - A Web and Graphic Design Bloghttp://blog.echoenduring.com/2011/08/06/i-love-responsive-design-but/

現在のレスポンシブWebデザインが抱える問題について指摘しています。

以下の三点について解説しています。

• 制作に時間がかかる（コストもかかる）
• 広告の位置などを考え直す必要がある
• PCサイトと操作や見た目の一貫性を保っていないサイトが見受けられる

パソコン向けでは2カラムのレイアウトを、スマートフォン向けでは1カラムにする場合、広告をどう配置するのかというのは確かに悩みどころかもしれません。

せっかく使い慣れていたサイトが、スマートフォンで見ると別モノのようで戸惑ってしまうというのも、実際に起こっている問題ですね。

レスポンシブWebデザインが好きだという前提で語っていますし、これから考えていくべき問題提起と受け取っていいのでしょう。

レスポンシブWebデザインについての日本語の記事としては、「⁠iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ - かちびと.net」がとても参考になりそうです。

2. 少しの手間で大きく変わる、細部にこだわったWebデザインを | Webクリエイターボックスhttp://www.webcreatorbox.com/tech/subtle-design-details/

細部にちょっとした効果を加えることで、デザインの質感をアップするテクニックを紹介しています。

グラデーションやノイズ、シャドウをわずかに加えることや、1ピクセルのラインを追加するなど、ほんのちょっとの違いがデザインに大きな変化を与えることが確認できます。これらは、今のWebデザインのトレンドでもありますね。

「Enhancing Design Through Details | Onextrapixel - Showcasing Web Treats Without A Hitch」という、同じようなコンセプトの記事が同時期に公開されていました。こちらはサンプルが豊富です。

3. 5 Big Usability Mistakes Designers Make on Carousels - UX Movementhttp://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/

カルーセルにおいてのユーザビリティの失敗例を紹介しています。

• ユーザーがすでに操作をした後なのに自動でスライドする
• 一行に複数要素がある場合、新しい要素が1つずつ出現する
• 複数枚中の何枚目が現在出現しているのかの表示がまぎらわしい
• 永久にスライドする
• 前後に移動させるボタンが小さすぎる

二つ目ですが、たとえば同時に1、2、3の三枚の写真が表示されている場合、スライドさせると次は4、5、6の3枚が表示される方がよいそうです。個人的には2、3、4の三枚が表示される方が自然な感じがするのですが、慣れもあるのかもしれません。

4. Top 35 Best iPhone Apps Web Designer Should Know | ZoomZumhttp://zoomzum.com/best-iphone-apps-web-designer/

WebデザイナーのためのiPhoneアプリを35個紹介しています。

CSS、jQueryなどのリファレンス系のもの、カラーパレット系のものが多いですね。

5. Apple OS X Lion Buttons in CSS | Improve your UI | Pixifyhttp://pixify.com/blog/use-os-x-lion-to-improve-your-ui/

Mac OS X Lion風のボタンをCSSで実現したフレームワークです。

横につながった状態の複数のボタンを作ることもできます。

そのほか、先週の記事の中から、スマートフォン向けサイト関連の話題を紹介します。

• Seven Guidelines For Designing High-Performance Mobile User Experiences - Smashing Magazine
  モバイルサイトのユーザーエクスペリエンスについての解説です。
• Creating Mobile Version of a WordPress Website | WordpressIntegration.Com - Blog
  WordPressサイトをスマートフォン対応にする方法をいろいろ紹介しています。
• Webサイト管理ソフト「Movable Type」をスマホに対応させるオプションが登場 - ニュース：ITpro
  「⁠スマートフォンオプション for Movable Type」は有料のオプションだそうです。

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

boxify.mehttp://boxify.me/

Boxify.meはシンプルなファイル共有サービスです。

ファイル共有のページに移動すると、すぐに個別のURLが割り振られます。URLの末尾は自分の好きな名前に変更することも可能です。

あとはファイルをアップロードするだけです。複数ファイルをまとめてアップロードすることもできます。

アップロードが終わったら、URLを人に教えてダウンロードしてもらえます。

ファイルをブラウザ上でプレビューしたりはできませんが、ファイルの種類によって表示されるアイコンが変わります。

ユーザー登録不要で簡単に使えるので、第三者に見られても問題ないようなファイルの共有には便利に利用できそうです。