週刊Webテク通信

2011年6月第2週号1位は、生産性を向上させるための各種Webツール、気になるネタは、任天堂、Wii Uを発表―新ゲーム機はタブレット型コントローラーを採用

ネットで見かけた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制作中のやりとりが楽になりそうです。

図1 生産性向上のためのツールいろいろ
図1 生産性向上のためのツールいろいろ

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.」とありました。

図2 HTML、CSS、JavaScriptのツールとライブラリ
図2 HTML、CSS、JavaScriptのツールとライブラリ

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

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

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

が掲載されています。

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

図3 ビジネスWebサイトのテンプレートとチュートリアル
図3 ビジネスWebサイトのテンプレートとチュートリアル

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

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

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

図4 すばらしいナビゲーションメニュー14選
図4 すばらしいナビゲーションメニュー14選

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

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

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

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

図5 ソーシャルブックマーク用ボタンの設置方法いろいろ
図5 ソーシャルブックマーク用ボタンの設置方法いろいろ

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

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

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

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

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

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

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

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

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

図6 オンラインファイルを一括管理するサービス
図6 オンラインファイルを一括管理するサービス

おすすめ記事

記事・ニュース一覧