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

1. Designing Web Apps for the iPadhttp://sixrevisions.com/web-applications/designing-web-apps-for-the-ipad/

iPad向けのWebアプリの作り方を解説した記事です。iPad向けのWebアプリを一週間で開発したという作者が，そのプロセスを詳しく紹介しています。

Objective-Cを使ったネイティブのアプリではなく，HTMLとJavaScriptで開発するWebアプリなら，Webデザイナーでもすぐに作れるはずという前提での解説となっています。

iPadの制限として，

• Flashを使えない
• マウスカーソルがない
• スクロールが期待した通りに動かない
• CSSの固定配置が使えない

ということに気をつける必要があるようです。

固定したエリアの中だけをスクロールさせるために，iScrollというJavaScriptライブラリを使ったとのことです。iScrollを使うと，ヘッダとフッタは固定して中のコンテンツだけをスクロールさせることが可能になるとのことでした。

こういったHTMLとJavaScriptベースのWebアプリを，iPad／iPhoneアプリに変換することができるPhoneGapというものもあります。このPhoneGapについての簡単な説明と解説書の紹介が「JavaScriptでiPhoneアプリを楽々作成」という記事に掲載されていました。

2. 7 Reasons Why I Choose Fireworks Over Photoshop | Webdesigner Depothttp://www.webdesignerdepot.com/2010/08/7-reasons-why-i-choose-fireworks-over-photoshop/

PhotoshopよりFireworksを選ぶ理由をまとめた記事です。Webデザインのためのツールとして，PhotoshopよりFireworksのほうが優れているところを7つ紹介しています。

1. ピクセル単位で正確にコントロールできる
2. Webレイヤーが存在している
3. シンプルなグラデーション機能
4. 習得しやすい
5. ベクターツールである
6. ページ，シンボル，スタイル機能がある
7. 値段が安い

1とも関連しますが，図形も文字もアンチエイリアスのON／OFFを個別に設定できるところが，わたしは気に入っています。

コメント欄もかなり盛り上げっていますね。

3. 20 Best jQuery Slideshow / Photo Gallery Pluginshttp://graphicalerts.com/20-best-jquery-slideshow-image-photo-gallery-plugins/

スライドショーやフォトギャラリーを実装するためのjQueryプラグインを多数紹介しています。おなじみLightbox系のものも，いくつかありますね。

4. Beautiful & Creative Single-Page Portfolio Websiteshttp://www.hongkiat.com/blog/beautiful-creative-single-page-portfolio-websites/

美しくクリエイティブな1ページ完結のポートフォリオサイトのギャラリーです。ページ内スクロールや非同期の読み込みなどで，ページ遷移なしにいろいろな項目が見られるようになっているのが主流です。

デザイナーのクリエイティビティとスキルをアピールするには，1ページ完結のポートフォリオは効果的とのことです。

5. 20 Creative And Beautiful Blog Header Designshttp://www.webdesignish.com/20-creative-and-beautiful-blog-header-designs.html

創造的で美しいブログのヘッダデザインのギャラリーです。イラストを上手く使ったものが多いですね。

「30 Creative Illustrated Website Footers | 2Experts.net」という，こちらはまさにイラストが使われたフッタだけを集めたギャラリーもありました。

そのほか先週の記事から，便利なまとめ記事を紹介します。

• デザインのブログ Twitterをやってる有名デザイナー・アートディレクター・イラストレーター・ウェブデザイナー・建築プロダクト・映像クリエイター150人まとめ
  デザイナー・クリエイターのツイッターアカウントを大量に紹介しています。
• 「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar
  制作に関する情報源のほか，アクセス解析やアフィリエイトの情報源も掲載されています。
• ベクター画像を大量に無料配布するサイトのまとめ | 日刊ウェブログ式
  ベクター素材の配布サイトを多数紹介しています。

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

Gantto Beta - Presentable Gantt Chartshttp://gantto.com/

「Gantto」はガントチャートを作ることができる，プロジェクト管理のためのWebサービスです。

WindowsだとMicrosoft Project，MacだとOmniPlanというアプリケーションに相当するようなことを，Webサービスで実現しようというもののようです。

Flashベースで動いており，動きは軽快です。日本語テキストも一応使えるようです。ベータ版ということもあり，まだそれほど洗練された感じではありませんが，ガントチャートのための基本機能は押さえているようですね。MS Projectのファイルを読み込むこともできるそうです。

プロジェクト管理はWebベースで共有できると便利なので，今後もこの手のものはいろいろ出てくるのかもしれません。Ganttoの今後の機能強化にも期待したいですね。