ネットで見かけたWebテク
1. Popular Web Design Trends 2011http://www.entheosweb.com/inspiration/web_design_trends_2011/
2011年のWebデザインのトレンドをまとめた記事です。
- 手描き
- 巨大なデザイン要素 -巨大なフォント/
ヘッダー/ フッター - パララックス
(視差効果) スクロール - モバイル対応
- CSS3、
HTML5、 jQueryの使用 - ソーシャルメディアの統合
- ミニマリズム
- 雑誌形式のデザイン
といった項目が挙がっています。
HTML5やCSS3などの技術の進歩と、
「Current Web Design Trends 2011-2012 ≪ WEB DESIGN BLOG」
![図1 2011年のWebデザインのトレンド 図1 2011年のWebデザインのトレンド](/assets/images/design/clip/01/weekly-web-tech/201112/08/thumb/TH800_001.png)
2. 35 Beautiful Examples of Sliders in Web Design - DesignModohttp://designmodo.com/examples-sliders-web-design/
Webページに使われている、
単純にスライド表示されるものだけでなく、
![図2 スライダーを各種紹介 図2 スライダーを各種紹介](/assets/images/design/clip/01/weekly-web-tech/201112/08/thumb/TH800_002.png)
3. 15+ Free Photography website templateshttp://www.ispsd.com/11/free-photography-website-templates/
写真ギャラリーサイト向けのテンプレートを多数紹介しています。
WordPressのテーマが中心で、
![図3 写真ギャラリーサイトのテンプレートいろいろ 図3 写真ギャラリーサイトのテンプレートいろいろ](/assets/images/design/clip/01/weekly-web-tech/201112/08/thumb/TH800_003.png)
4. 30+ Valuable Chrome Extension For Web Designers & Developers | Lava360http://www.lava360.com/freebies/30-valuable-chrome-extension-for-web-designers-and-developers/
Webデザイナーと開発者のための、
グリッドを表示するもの、
![図4 便利なChrome拡張機能を大量に紹介 図4 便利なChrome拡張機能を大量に紹介](/assets/images/design/clip/01/weekly-web-tech/201112/08/thumb/TH800_004.png)
5. 15 Inspiring Examples of Icon Usage In Web Design | CgBaranhttp://cgbaran.com/2011/11/15-inspiring-examples-of-icon-usage-in-web-design/
アイコンが効果的に使われているWebデザインのギャラリーです。
手描き風のものなど、
![図5 アイコンが使われているWebデザインのギャラリー 図5 アイコンが使われているWebデザインのギャラリー](/assets/images/design/clip/01/weekly-web-tech/201112/08/thumb/TH800_005.png)
そのほか、
「ソーシャル」 と 「インタレスト」、 2つの 「グラフ」 を結ぶ──ミクシィとTwitter、 提携の狙い - ITmedia ニュース
ミクシィとTwitterの提携は、驚くような発表はありませんでした。 - Googleサービス共通のGoogleバー刷新、
黒オビを撤去 -- Engadget Japanese
Googleのサービス共通の黒い帯は、廃止になるようです。 - マイクロソフトがiPhone/
Androidユーザーのために、 Windows Phone 7シミュレーターを作った
Metro UIを試せるシミュレーターが登場しました。
先週の気になるWebサービス
10 Resources for Getting Web Design Feedbackhttp://smashinghub.com/web-design-feedback.htm
今回は、
Webページの制作者とクライアントとが、
サービスによっては、
どれも基本的には有料で、
Webデザインの校正に便利な
![図6 デザインのフィードバックを受けることのできるWebサービス 図6 デザインのフィードバックを受けることのできるWebサービス](/assets/images/design/clip/01/weekly-web-tech/201112/08/thumb/TH800_006.png)