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

1. 10 Free Productivity Tools for Busy Web Professionalshttp://sixrevisions.com/tools/free-productivity-tools-web-pro/

Webデザイナーやデベロッパーの生産性を向上させるための各種ツールが紹介されています。

• Webページをキャプチャーして注釈を入れられるBounce
• パソコン、iPad、iPhoneなどでノートを同期できるSimplenote
• ファイルを簡単に共有できるGe.tt
• ツイートの内容を一旦ためておき指定の時間に配信できるBuffer

など、情報やファイルの共有に役立つWebサービスが中心で、うまく使えばWeb制作中のやりとりが楽になりそうです。

2. Useful HTML-, CSS- and JavaScript Tools and Libraries - Smashing Magazinehttp://coding.smashingmagazine.com/2011/06/10/useful-html-css-and-javascript-tools-and-libraries/

便利なHTML、CSS、JavaScriptのツールとライブラリをまとめた記事です。

• HTMLとCSSのツール
• JavaScriptのツール
• グリッドデザインのツール
• その他

に分けて、多くのツールが掲載されています。

HTMLとCSSのツールの中に「KOTATSU」という気になる名前のツールを見つけました。

テーブルの行や列にclassを設定するためのジェネレーターです。テーブルから連想して「こたつ」なんですね。作者のブログに「'Kotatsu' is a Japanese word for a specialized type of table.」とありました。

3. 36 High Quality Templates & Tutorials To Design Business Websitehttp://www.hongkiat.com/blog/business-website-template-tutorial/

企業向けWebサイトのテンプレートとチュートリアルを数多く紹介しています。

• HTML/CSSのテンプレート
• Photoshop形式のテンプレート
• チュートリアル

が掲載されています。

テンプレートではありますが、ギャラリーとして参考にすることもできます。Photoshop形式のファイルは、どういう風に作ってあるかも勉強になりますね。

4. 14+ Awesome Navigation Menus for Inspiration | WDRemix | Top Web Designhttp://wdremix.net/2011/06/07/14-awesome-navigation-menus-for-inspiration/

ナビゲーションメニューのデザインギャラリーです。

タイポグラフィ、きれいな背景画像、驚かされるロールオーバーといったことを基準に選ばれたメニューが紹介されています。

5. ソーシャルブックマーク＆投稿ボタンの設置方法 | SEOモードhttp://www.seomode.jp/socialmedia/2011/06/06/1673/

各ソーシャルブックマーク用ボタン類の設置の仕方をまとめた記事です。

Twitterはツイートボタンとフォローボタン、Facebookは「いいね！」ボタン、シェアボタン、送信ボタンの作り方が解説されています。

海外の記事とは違い、日本のサービスもしっかりフォローされています。

そのほか、先週の記事の中から、Facebook関連の記事を3つ紹介します。

• Facebook、国内で「チェックインクーポン」提供--現在地登録でクーポン入手 | ネット | マイコミジャーナル
  Facebookのチェックインクーポンが日本でもスタートしました。
• Facebook Testing Real-Time
  友達が今何をしているかがTwitterのタイムライン風に流れる機能をテスト中とのことです。
• やっちゃっていませんか？Facebookの規約違反
  Facebookのプロモーションガイドラインをちゃんとチェックしましょうという話です。

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

Otixo: Access all your online fileshttp://otixo.com/

Otixoは、各種クラウドサービスのファイルをまとめて管理できるWebサービスです。

Dropbox、MobileMe、Google Docs、Boxのほか、FTPとWebDavにも対応しています。

Otixo上で各種クラウドサービス上のファイルをリネーム／削除／ダウンロードできます。新たなファイルをアップロードすることも可能です。

複数のクラウドサービス間で、ファイルをコピー（カット）＆ペーストで複製（移動）できるのも便利そうです。

クラウドサービスをまたがっての検索もできるようです。日本語の検索もできましたが、検索機能はまだあまり信用できないように感じました。

ところでこのOtixoって何て読むんでしょうね。オティッコ？