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

1. Designing for iOS 7: Guide to Getting Started - Designmodohttp://designmodo.com/ios-7-design-guide/

iOS 7向けデザインのためのガイドです。iOS 7のデザインに合わせたインターフェイスを作るためのヒントが紹介されています。

以下の項目に分けて解説しています。

• フラットに考える
• 文字に焦点を当てる
• ボーダーをなくす
• 視差効果を考える
• レイヤーを使って奥行きを作る
• アイコンに気を遣う

賛否両論あるiOS 7のUIですが、iOS 7のテイストに合わせつつ、より良いUIを作り上げることが今後求められるのでしょう。

2. 30 Inspiring Mobile App Wireframes | OmahPSDhttp://omahpsd.com/2013/10/mobile-app-wireframes/

モバイルアプリのワイヤーフレームの実例を大量に紹介した記事です。

手書きのものもありますが、デジタルのものが主流です。モバイルアプリの場合、こうやってじっくりと画面遷移を考える必要があるということでしょう。

3. 10 New Popular jQuery Plugins You Should Check Out - Designbeephttp://designbeep.com/2013/10/09/10-new-popular-jquery-plugins-check/

最近の新しいjQueryプラグインを10個紹介しています。

縦に長いページをスクロールで見せていくタイプのサイトに利用できるものが複数あります。そういったサイトがやはり最近のトレンドなんですね。

4. IcoMoon, Fontello and Fontastic.me: Best of Icon Fonts - noupehttp://www.noupe.com/css/icomoon-fontello-and-fontastic-me-best-of-iconfonts-79457.html

メジャーなアイコンフォントサービス3つを取り上げています。

IcoMoon、Fontello、Fontastic.meの3つを比較しているのですが、最後に取り上げているFontastic.meがイチ押しのようです。Fontastic.meは、IcoMoonとFontelloの良いところを併せ持っていると評されていました。

HTML5のdata属性を利用したアイコンの設定ができるところも、Fontastic.meの優れた点とのことです。

5. A Collection of Separator Styles | Codropshttp://tympanus.net/codrops/2013/10/03/a-collection-of-separator-styles/

「区切り」をデザインした実例と作成するためのチュートリアルです。

縦長なシングルページサイトなどでよくある、コンテンツエリア毎に色が付いている場合に有効な、区切りをデザインするテクニックが紹介されています。

区切り部分を曲線にしたり、ギザギザにしたりと、いろんなパターンがありました。

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

• Amazon の決済機能を自分のサイトに導入できる 「⁠Login and Pay with Amazon⁠」⁠ | WWW WATCH
  米国限定ですが、Amazonアカウントを使用した決済機能が導入できるようになりました。
• キングジム テプラ PRO SR5900P発表、無線LAN対応でiPhoneからの直接出力も可能 - Engadget Japanese
  iPhoneアプリから無線LANでテプラのラベルを出力できます。

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

Portfoliobox - Your online portfolio websitehttp://www.portfoliobox.net/

Portfolioboxは、その名の通り自分のポートフォリオサイトを作れるサービスです。画像ギャラリーを中心に、テキスト中心のページや動画の入ったページなどを追加していくことができます。

無料版では40枚（日本語の説明では50枚になっています）までの画像しかアップできないようなので、お試し版という扱いでしょう。プロ版は年間$69で、1000枚の画像と1000ページのページが作れるようになるほか、いろいろと便利な機能が追加されるようです。

画像ファイルを複数まとめてドラッグ＆ドロップするだけで、簡単に画像ギャラリーを作成できます。画像のキャプションもあとで一つ一つに追加できます。閲覧時には、画像を詳細表示すると、Facebook、Twitter、Pinterestでシェアするボタンが表示されます。スライドショーのUIもいくつかのパターンから選択できます。

EC機能も持っており、画像に値段を付けるだけでカートボタンが追加されます。カートに入れるまではテストできたのですが、EC用のセッティング（店舗の住所などの情報や送料や税などの設定）をしないとその先は使えませんでした。決済はPaypalです。

似たようなサイトはたくさんありますが、簡単に画像スライドショーを作れるサービスとして、いろいろな使い道がありそうです。サイト全体をパスワードで保護することもできるので、プライベートな画像共有にも使えるかもしれません。