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

1. 10 Hot Web Design Trends You Should Followhttp://smashinghub.com/10-hot-web-design-trends.htm

2013年のWebデザインのトレンドを10個紹介しています。

1. コンテンツが常に優先される
2. Webサイトはシンプルな方向に向かっている
3. デザインはとにかくユーザー体験のために
4. アプリのインターフェイスに合わせる
5. モバイルとデスクトップ版とのデザインの融合
6. SVGとレスポンシブへの対応方法
7. 虹色はやめてフラットデザインへ
8. 長いページ
9. デバイスによる特性を考える
10. 大きな写真

とくに目新しいことはなく、やはりシンプル、モバイル、レスポンシブあたりが最近のWebデザインのキーワードとなっているようです。

2. Flat Web Design: Trend Or Revolution? - The Usabilla Bloghttp://blog.usabilla.com/flat-web-design-trend-or-revolution/

フラットWebデザインが新しい良い慣習である5つの理由をまとめています。

1. ウソがない
2. 流行っている
3. 使いやすい
4. 早い
5. スケーラブル

作り手側のメリットが、ユーザー側にも好意を持って受け入れられているのがフラットWebデザインなのではないかと感じました。

3. Useful Tips For Learning Web Design : Creative Beaconhttp://www.creativebeacon.com/useful-tips-for-learning-web-design/

Webデザインを学ぶ方法や学べるサイトをまとめた記事です。オンラインで動画で学べるサイトも海外では充実しているようですね。

4. Essential tools for every web designer | Webdesigner Depothttp://www.webdesignerdepot.com/2013/04/essential-tools-for-every-web-designer/

Webデザイナー必須のツールを大量に紹介した記事です。オンラインツール、デスクトップアプリケーションなどが、カラー、タイポグラフィ、ワイヤーフレーム、レイアウト、CMS、コードエディタ、FTPなどの項目に分けて掲載されています。

5. 10 Wireframing Tools for Increased Productivityhttp://smashinghub.com/10-wireframing-tools-for-increased-productivity.htm

ワイヤーフレーム作成用のツールを10個まとめています。最近はモバイルにも対応したものや、モバイルに特化したものが増えました。

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

• マイクロソフト、ブラウザーの互換性検証サイト「modern.IE」日本語版を公開 -INTERNET Watch
  互換性の検証ウィザードや、検証作業のための仮想環境、クロスブラウザでのコード作成のテクニックなどを提供するマイクロソフト「modern.IE」の紹介記事です。
• WebKit時代から次のステップへ？：Googleは「Blink⁠」⁠、Mozillaは「Servo」――新たなWebブラウザエンジン発表 - ＠IT
  新たなWebブラウザエンジンが同時に発表されました。

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

Instacodehttp://instacod.es/

HTMLなどのソースコードを画像化し、Instagramっぽく加工できるサービスです。

立体的に角度を付けたり、周りをぼかしたりして、おしゃれな感じの画像が作れます。

別にコードでなくてもテキストならなんでも画像化できるのですが、プログラム言語を選んで構文がカラーリングされるのがポイントです。なお、日本語は表示されませんでした。

モニタにコードが表示されている写真はストックフォトでも見かけますし需要があるはずです。そういった写真のようなイメージが簡単に作れるので、意外と実用的なツールではないかと思いました。