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

1. Design a Beautiful Website From Scratch - Nettuts+http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

Adobe PhotoshopでゼロからWebページをデザインしていく様子を，ステップバイステップで詳しく紹介しています。あくまでもPhotoshopでのデザインまでの案内です。

Webデザイナーである作者によると，ちょっとしたPhotoshopのスキルと細部への配慮があれば，見た目の良いWebサイトが作れるとのことです。

たしかに，微妙なグラデーションやシャドウなど，細部のちょっとした部分に手間をかけているのが分かります。ソフトなグラデーションや境界部分の1ピクセルラインなど，最近のサイトデザインの定番テクニックが学べますね。

ここで制作しているPSDファイルは，ThemeForest.netという各種テンプレートを配布しているサイトで購入することができます。

2. Definitive List of CSS Frameworks - Pick Your Style | W3Avenuehttp://www.w3avenue.com/2009/04/29/definitive-list-of-css-frameworks-pick-your-style/

CSSフレームワークのリンク集です。コンプリート（全てそろった）とリミテッド（限定された），その他の3種類にわけて紹介しています。

コンプリートCSSフレームワークとして紹介されているものは，レイアウト用CSSとリセットCSSなどがセットになったもの，リミテッドCSSフレームワークはフォーム用，プリント用など特定の目的のためのものです。

オリジナルのCSSフレームワークを作るためのガイドラインへのリンクもあり，そちらの記事も参考になりそうですね。

なお，960 Grid Systemを使ってデザインするときに便利な，Webページ上にグリッドを表示するためのJavaScript＆CSS「960 Gridder - Lay out websites with ease.」というサイトも先週紹介しました。

自分のページにスクリプトを読み込ませて使うか，ブックマークレットを利用することができます。

3. 20 Excellent JavaScript Navigation Techniques and Exampleshttp://sixrevisions.com/javascript/20-excellent-javascript-navigation-techniques-and-examples/

JavaScriptを使ったナビゲーションのテクニックとサンプルの紹介です。

CSSだけでメニューを作るのが定番の時代から，JavaScriptフレームワークを使って簡単にちょっとした効果を加えるのが当たり前の時代に変わっていくのかもしれません。

やはりjQueryを利用したものが多いですが，jQueryを使ったナビゲーションのまとめとしては，「15 Excellent jQuery Navigation Techniques and Solutions」という記事もありました。

4. Showcase Of Elegant And Original Blog Designs | Design Showcase | Smashing Magazinehttp://www.smashingmagazine.com/2009/04/28/showcase-of-elegant-and-original-blog-designs/

エレガントで独創的なブログデザインのショーケースです。手描き風のもの，イラストを効果的に使っているものが多いですね。

この手のリストでは，見たことのある定番サイトも多いのですが，ここで取り上げられているサイトは初めて見るものが多いです。

5. 20 Excellent Plugins for Safari | Webdesigner Depothttp://www.webdesignerdepot.com/2009/04/20-excellent-plugins-for-safari/

ブラウザの機能拡張といえばFirefoxが有名ですが，実はSafariにもプラグインがあります。この記事では，20の優秀なSafari用プラグインを紹介しています。

なお，プラグインの多くはSIMBL （Simple InputManager Bundle Loader）というフリーウェアも同時に必要です。

コードの検証をしてくれるSafari Tidyや，HTMLソースを色分けして表示するSafariSourceは，Webサイト制作時に役立ちそうですね。

重複しているものも多いですが，「無料で使えるSafariプラグインいろいろ」という日本語の記事もご参考に。

以上，メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。

そのほか先週の記事から，あいかわらず多いjQuery関連の情報を紹介します。

• jQueryを上手に使ったサイトのお手本を色々探して参考にできる「jQuery Style」:phpspot開発日誌
  jQueryを利用したサイトのギャラリーjQuery Styleの紹介記事です。
• 10+ jQuery photo gallery and slider plugins | Queness
  フォトギャラリー／スライダーのjQueryプラグイン集です。
• 18 jQuery scripts and tutorials to improve your portfolio | Design daily news
  ポートフォリオサイトをもっとよくするためのという切り口でのjQueryスクリプトとチュートリアルを多数紹介しています。
• 10 Best jQuery Sliders | AjaxLine
  jQueryを使ったスライダースクリプトを10個厳選して紹介しています。

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

PDF to Excel ― 100% Free!http://www.pdftoexcelonline.com/

「PDF to Excel」はその名の通り，PDFファイルをExcelファイルに変換する無料のWebサービスです。ExcelからPDFへの変換なら今までもいろんなWebサービスがあったと思いますが，逆はなかったんじゃないでしょうか。

ネットで検索してみると，PDFからExcelファイルに変換する方法を探している人はたくさんいるようで，需要は多そうですね。専用の有料ソフトもあるようです。

わたしがテストしてみた限りでは，日本語も問題なく変換されていました。変換結果のファイルはメールで送られてきます。

兄弟サイト（？）として，「Convert PDF to Word (DOC) ― 100% Free!」というサイトもありました。