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

1．Web Design Trends: Responsive Web Design Templates and Frameworkshttp://www.latestwebsitedesigns.com/2012/01/responsive-web-design-templates-and.html

レスポンシブWebデザインのための、テンプレートやフレームワークを紹介した記事です。

レスポンシブWebデザインのレイアウトは、複数サイズのデザインを同時に作っていくようで、なかなか面倒なことも多いと思います。そこで、こういったテンプレートやフレームワークを使うというワークフローが、広まってきているようです。

これら海外のものを日本語で使うには、文字のサイズやフォントなどをカスタマイズする必要があったりします。日本発のものも、どんどん登場してほしいですね。

2．30 Mind Blowing Parallax Scrolling Effect Websites | Webdesignersblog - The Best Daily Online Resources for Web and Graphic Designershttp://www.webdesignersblog.net/inspiration/30-mind-blowing-parallax-scrolling-effect-websites/

スクロールすると視差効果が味わえるWebサイトのギャラリーです。スクロールにあわせて面白い効果が楽しめます。

1ページ完結のサイトに、スクロールによる効果を利用するのが最近のトレンドのようです。

3．CSS3 breadcrumbs - RedTeamDesignhttp://www.red-team-design.com/css3-breadcrumbs

パンくずリストをCSS3でデザインした例を解説した記事です。

4種類のデザインについて、図形の組み合わせ方とコードが紹介されており、とても参考になります。パンくずリスト以外の用途にも使えそうです。

4．Monday Inspiration #10 Light and Minimalist Websites | WPCrown Magazinehttp://magazine.wpcrown.com/light-and-minimalist-websites/

白ベースでミニマルなWebサイトのギャラリーです。

それほど凝った仕掛けもなくシンプルなサイトが多いですが、細部まで作り込まれたデザインが心地よいものばかりです。

5．30 Inspiring Sites with Illustrated Backgrounds ≫ Illustration, Web Design ≫ Design Festivalhttp://designfestival.com/30-sites-with-illustrated-backgrounds/

イラストを背景に使ったWebサイトのギャラリーです。

いろいろなテイストのイラストがありますが、ベクターベースのイラストが使われている例が多いようです。

そのほか、先週の記事の中から、チュートリアル記事を2つ紹介します。

• Roundup Of 26 Truly Helpful HTML 5 Tutorials | Lava360
  HTML5のチュートリアルが数多く紹介されています
• Bulletproof CSS3 Dropdown Navigation Menu
  CSS3でドロップダウンメニューを作るチュートリアルです

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

12 Websites Turn Yourself into a Cartoon - Design Treasure | Design Treasurehttp://www.designtreasure.com/2012/01/12-websites-turn-yourself-into-a-cartoon/

今回は、写真をイラスト風に変換するサービスや似顔絵作成サービスをまとめた記事を紹介します。

TwitterやFacebookのアイコンに似顔絵イラストを使いたいという人にも役立つかもしれません。できあがる絵のテイストが日本人向きじゃないものばかりですが…。

写真からマンガのような絵に変換するのは、やはり現代の技術でも難しいようです。パーツを選んで似顔絵を作成するサービスの方が、ちゃんとしたものが作れるように思います。