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

1. Creating CSS3 Buttons: Techniques, Tutorials, Tools | Splashnologyhttp://www.splashnology.com/article/creating-css3-buttons-techniques-tutorials-tools/816/

CSS3ボタンを作るのに役立つテクニック、チュートリアル、ツールのリストです。

• オンラインジェネレーター、サービス、ツール
• テクニックとチュートリアル

に分けて、大量のリンクが紹介されています。

CSS3の角丸、テキストシャドウ、グラデーション、ボックスシャドウを利用したボタンを作るときの手助けになるでしょう。

2. 40 Examples of Well Integrated Social Media Links in Web Design | 39Articleshttp://www.39articles.net/40-examples-of-well-integrated-social-media-links-in-web-design/

ソーシャルメディアへのリンクを、Webページの中にうまくデザインした実例を多数紹介しています。

TwitterやFacebookが提供しているボタンをそのまま使うのではなく、そのサイトのデザインに合うようにリデザインしているものばかりで、ズルイ気もしますが。

サイトのテイストに合うような形状の中にマークを入れ、モノトーンで使っているサイトがほとんどでした。

3. Normalize CSS : necolas/normalize.css @ GitHubhttp://necolas.github.com/normalize.css/

クロスブラウザで見た目を標準化するCSSファイルです。

ブラウザのデフォルトのスタイルを無効にする、いわゆるリセットCSSの機能に加え、標準的なスタイルがクロスブラウザで同じように適用されるための設定もされています。

ブラウザのバグを直したり、ユーザビリティを向上させるための調整もしてあるとのことで、リセットCSS代わりに便利に利用できそうです。

対応ブラウザは、Chrome、Firefox 3以上、Safari 4以上、Opera 10以上、Internet Explorer 6以上となっています。

4. Making a Simple Tweet to Download System | Tutorialzinehttp://tutorialzine.com/2011/05/tweet-to-download-jquery/

Twitterにツイートした人だけが何かをダウンロードできるという仕組みを、jQueryで実現したサンプルです。「⁠ツイートしてくれた人にプレゼント」といった企画で使えそうです。

jQueryの他に、tweetAction.js、script.jsというプラグインも利用しています。

5. 120 Free Photoshop Grid Patterns | Photoshop Patternshttp://www.shapes4free.com/vector-photoshop-patterns/grid-patterns-photoshop/

Photoshop用の大量のグリッドパターンをダウンロードできます。

透明な背景に白いラインのグリッド60個と黒いラインのグリッド60個が、パターンファイルとして提供されています。

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

• iWork、ついにiPhone/ iPod touchでも利用可能に | パソコン | マイコミジャーナル
  iOS用iWorkの最新版が登場、iPhoneでも使えるユニバーサルアプリになりました。
• Google Japan Blog: ブラウザやウェブについて知っておきたい20のこと 
  ブラウザ上で見られるGoogleの作った電子ブック「20 Things I Learned About Browsers and the Web」が日本語化されました。
• ソーシャルメディアの人気ブランドを一枚の絵にまとめたインフォグラフィック ≫ SEO Japan 
  人気ブランドや有名人のフォロー数やファン数などのデータをインフォグラフィックにしています。

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

WEBディレクタなら知っておきたいWEBサービス25選｜designaholic -Creative Column- http://designaholic.cc/2011/06/webweb27.html

今回は、サイト内検索のようにWebサイトに追加して利用するWebサービスを多数紹介した記事を取り上げます。

日本の会社がビジネスとしてやっている有料のWebサービスが中心です。

いつもここで取り上げているのは海外の実験的なWebサービスが多いのですが、実際に企業サイト内で利用する場合は、こういった日本企業のWebサービスのほうが安心感があるでしょう。

サイト内検索、効果測定、FAQシステム、レコメントシステム、メール配信、CMSなどが紹介されています。