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

1．少しのコードで実装可能な20のCSS小技集 | Webクリエイターボックスhttp://www.webcreatorbox.com/tech/css-tips20/

便利なCSSのTips集です。ブックマークしてあったいろいろな小技を、整理もかねて記事にしたとのことで、目新しいものはありませんが実践的なテクニックが揃っています。

IE対策やCSSハックではないTipsをまとめた記事で、特に「かゆいところに手が届く応用編」のテクニックはぜひ覚えておきたいものばかりです。

末尾に記載されている参照サイトには、この記事には紹介されていないTipsもあってそちらも参考になりそうですね。

2．Weekly Inspiration: 20 Cool Website Image sliders ? N.8 | Underworld Magazines NYC |http://www.underworldmagazines.com/weekly-inspiration-20-cool-website-image-sliders-%E2%80%93-n-8/

ステキなデザインの画像スライダーを集めたショーケースです。

こういったスライダーを作りたいという人には、jQueryでのスライダー用プラグインが紹介された「6 Fresh jQuery Plugin Slideshow You Should Know | denbagus blog」が役に立つでしょう。

3．15 Useful CSS3 and HTML5 Templates and Frameworks - Speckyboy Design Magazinehttp://speckyboy.com/2010/04/16/15-useful-css3-and-html3-templates-and-frameworks/

CSS3とHTML5のテンプレートやフレームワークを紹介した記事です。

CSS3とHTML5のチュートリアルと情報源をまとめた「70 Fantastic CSS3 and HTML5 Tutorials and Resources | Designer Wall | The Best of Css, Web Design, Tuts & Inspiration」という記事も併せてご覧ください。

4．jQuery.popeye 2.0 | an inline lightbox alternativehttp://dev.herr-schuessler.de/jquery/popeye/

インラインで展開する画像ギャラリーを実現するjQueryプラグインです。

Lightbox系のモーダルウィンドウを開く画像ギャラリーより、ページ内でインラインで見られた方がユーザビリティ的にも優れているという考えのようです。

デザインも考えられていますし、キャプションも入れられるようになっています。

図解で説明したいけど、画像の点数が多いと文字とのバランスが合わないといったケースにもよさそうですね。4コママンガのようなコンテンツに使うのも面白そうです。

5．jHTML-Ipsum: HTML Ipsum using a jQuery pluginhttp://www.marcofolio.net/webdesign/jhtml-ipsum_html_ipsum_using_a_jquery_plugin.html

HTMLタグのついたダミーのテキストを生成するjQueryプラグインの紹介です。適当な見出し、本文、リストなどが入ったHTMLを生成できるので、プロトタイプの作成時に役立ちそうです。

ダミーのテキストはこのプラグインのソース上にそのまま記述されているだけなので、日本語に変えるのも簡単そうです。自分好みにカスタマイズすれば、かなり便利に使えるんじゃないでしょうか。

HTMLタグ付きダミーテキストを提供している「HTML-Ipsum」というサイトがあるのですが（日本語の「WebTecNote - [XHTML]コピペ用 日本語ダミーテキスト（タグ付き＆タグ無し）」というサイトもありました⁠）⁠、新規にページを作るたびにダミーのテキストをコピーしてくるのは手間がかかります。また、本番の制作の際にダミー部分を全て削除するのも面倒ということで、このjQueryプラグインが作られたということです。

そのほか先週の記事から、気になるニュース記事を3つ紹介します。

• Google Docs刷新　リアルタイム共同編集機能を搭載 - ITmedia エンタープライズ
  Google Docsが新しくなったようです。ドローツールが追加になったほか、共同作業のための機能が強化されています。
• VPJ、iPad向け電子雑誌制作ツールを発表 - 米TIMEが導入済み | パソコン | マイコミジャーナル
  サーバソフトウェアとInDesignのプラグインで構成されているそうです。
• Gmail、ドラッグ&ドロップでファイル添付が可能に - Google | ネット | マイコミジャーナル
  日本語環境でもできるようになっていました。便利ですね。

先週の気になるAPI

Welcome to @Anywhere | dev.twitter.comhttp://dev.twitter.com/anywhere

いつもは気になるWebサービスを紹介していますが、今回は気になるAPIとして、Twitterの@Anywhereに関する日本語の記事を紹介させていただきます。

@Anywhereは、自分のサイトにJavaScriptのみでユーザー情報の表示や投稿、ユーザー認証などの機能を実装できるAPIです。

「Twitter 新 API のドキュメント「Getting Started with @Anywhere」日本語訳 - WebOS Goodies」では、@Anywhereのドキュメントを日本語訳してくれています。日本語のドキュメントがあると助かりますね。

「Twitterの機能をJSで簡単に導入できる「@Anywhere」の使い方メモ - Rewish」は、実際に試してみたサンプルコードや、気をつける点などがまとめられていて、とても参考になります。

また、先週紹介した記事ではありませんが「Twitter @Anywhereをブログのコメントシステムにする方法 [C]]」には@Anywhereを使ってTwitterをブログのコメントシステムのように使う方法が詳しく説明されていました。