ネットで見かけたWebテク
1. LogoLounge.com Article - 2012 Logo Trendshttp://www.logolounge.com/article.asp?aid=llPo
2012年のロゴデザインのトレンドについてまとめた記事です。ファビコンやアイコン作成の参考にもなると思います。
以下のカテゴリに分けて、
- アイコンの集合体
- 半透明な重ね合わせ
- 水彩絵の具風
- ポテトチップのような形
- (赤青メガネで見る)
立体写真風 - 焦点のコントロール
- 織物のような重なり合い
- ねじれ・
もつれ - 芽をモチーフとしたもの
- はがれた感じ
- 彫刻された球
- アプリのアイコン
- モザイク細工
- ねじれた円弧
- 似通ったバリエーション
![図1 2012年のロゴデザインのトレンド 図1 2012年のロゴデザインのトレンド](/assets/images/design/clip/01/weekly-web-tech/201205/10/thumb/TH800_001.png)
2. Rriver ≫ レスポンシブWebデザインのウェブサイトを半年運営してみて思ったことhttp://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website
レスポンシブWebデザインのサイトを運営してみての、
実際に制作・
過渡的な技術であることもあって、
![図2 レスポンシブWebデザインのサイトを運営しての雑感など 図2 レスポンシブWebデザインのサイトを運営しての雑感など](/assets/images/design/clip/01/weekly-web-tech/201205/10/thumb/TH800_002.png)
3. 11 Responsive Web Design Grid Toolshttp://designerves.com/article/responsive-web-design-grid-tools/
レスポンシブWebデザインのグリッドシステムやグリッドジェネレーターを紹介しています。
いろいろなモジュールの揃ったTwitter Bootstrapのようなフレームワークを使うのもいいですが、
![図3 レスポンシブWebデザインのグリッドシステム/ジェネレーター 図3 レスポンシブWebデザインのグリッドシステム/ジェネレーター](/assets/images/design/clip/01/weekly-web-tech/201205/10/thumb/TH800_003.png)
4. 22 Full Width Websites for Inspiration - REPUBLICOF3 | REPUBLICOF3http://www.republicof3.com/22-full-width-websites-for-inspiration/
幅を可変させても背景画像が横幅いっぱいまで広がるWebサイトのギャラリーです。
レスポンシブWebデザインとはちょっと違い、
![図4 横幅いっぱいまでコンテンツが広がるWebデザインの作例多数 図4 横幅いっぱいまでコンテンツが広がるWebデザインの作例多数](/assets/images/design/clip/01/weekly-web-tech/201205/10/thumb/TH800_004.png)
5. 18 Examples of Hand Drawn Web Page Design Elements | The Design Workhttp://www.thedesignwork.com/hand-drawn-web-page-design-elements/
手描き風のイラストや文字が使われたWebデザインのギャラリーです。
シンプルにモノクロで手描きイラストが使われているケースが多いようです。
![図5 手描き風要素が使われたWebデザインのギャラリー 図5 手描き風要素が使われたWebデザインのギャラリー](/assets/images/design/clip/01/weekly-web-tech/201205/10/thumb/TH800_005.png)
そのほか、
- LinkedIn、
ビジネス向けコンテンツ共有プラットフォームを展開するSlideShareを1億1900万ドルで買収
日本ではどちらもいまひとつマイナーですが、LinkedInがSlideShareを買収しました - Facebookメッセンジャーアプリ、
リアルに近づく。相手が読んだことがわかるようになった
まずはモバイルアプリから対応とのこと。既読通知されるのは便利ですね - Facebook投稿をブログ形式で保存する
「FBログ」 が登場 - ITmedia ニュース
Facebookの自分の投稿を、あとで探しやすくアーカイブしてくれるサービスが登場しました
先週の気になるWebサービス
CssGradientButton - create css buttonhttp://cssgradientbutton.com/
「CssGradientButton」
グラデーションはいくつかの種類があらかじめ用意されています。マウスオーバー時の色の設定もされているので、
作ったボタンには、
![図6 CSSグラデーションボタンのジェネレーター 図6 CSSグラデーションボタンのジェネレーター](/assets/images/design/clip/01/weekly-web-tech/201205/10/thumb/TH800_006.png)