ネットで見かけたWebテク
1. Creating A Pattern Library With Evernote And Fireworks - Smashing Magazine | Smashing Magazinehttp://fireworks.smashingmagazine.com/2012/09/13/create-pattern-library-with-evernote-fireworks/
EvernoteとFireworksを使って、
Evernoteでパターンライブラリを管理しようという発想だけでも
もちろん、
![図1 EvernoteとFireworksでパターンライブラリを作ろうという記事 図1 EvernoteとFireworksでパターンライブラリを作ろうという記事](/assets/images/design/clip/01/weekly-web-tech/201209/20/thumb/TH800_001.jpg)
2. 10 Free Pure CSS UI Kits - Speckyboy Design Magazinehttp://speckyboy.com/2012/09/09/10-free-pure-css-ui-kits/
CSSで作られたUIキットを紹介しています。CSS3を使ってキレイにデザインされた、
![図2 CSSで作られたUIキット10選 図2 CSSで作られたUIキット10選](/assets/images/design/clip/01/weekly-web-tech/201209/20/thumb/TH800_002.jpg)
3. 15 Special Parallax Scrolling Examples that are "Object-Oriented"http://medleyweb.com/inspiration/special-parallax-scrolling-examples/
視差スクロールを使い、
ちょっと前に、
![図3 視差スクロールを使ったサイトいろいろ 図3 視差スクロールを使ったサイトいろいろ](/assets/images/design/clip/01/weekly-web-tech/201209/20/thumb/TH800_003.jpg)
4. 25 Beautiful Responsive Web Design Examples for Inspirationhttp://sixrevisions.com/design-showcase-inspiration/responsive-webdesign-examples/
レスポンシブWebデザインを使ったサイトのショーケースです。
8番目に紹介されている
![図4 レスポンシブWebデザインを使ったサイトのショーケース 図4 レスポンシブWebデザインを使ったサイトのショーケース](/assets/images/design/clip/01/weekly-web-tech/201209/20/thumb/TH800_004.jpg)
5. 10 Extremely Minimal Web Designs | Pixel Cloudshttp://pixelclouds.com/2012/09/08/10-extremely-minimal-web-designs/
非常にシンプルなWebデザインのショーケースです。
ミニマルデザインのショーケースはよく取り上げていますが、
![図5 極端にミニマルなWebデザインのショーケース 図5 極端にミニマルなWebデザインのショーケース](/assets/images/design/clip/01/weekly-web-tech/201209/20/thumb/TH800_005.jpg)
そのほか、
- 25 Adobe Illustrator CS6 Tutorials For Designers | Tutorial Lounge
Illustrator CS6のチュートリアルを各種紹介しています - 自分のブラウザ情報についての共有リンクが作成できる
『About My Browser』 - K'conf
クライアントの環境を教えてもらうのにも役立ちそうです - BootstrapのUIがドラッグアンドドロップだけで組める!
最速でウェブのユーザーインターフェースが構築できるエディタ 「Jetstrap」 | Chrome Life
Bootstrapのインターフェイスをプレビューしながら作成できるツールの紹介です。
先週の気になるWebサービス
dbinboxhttp://dbinbox.com/
dbinboxは、
そのページにアクセスした人がファイルをアップロードすれば、
メール以外でファイルを受け取る必要がある場合、
![図6 Dropboxへのアップロード用ページを作れるサービス 図6 Dropboxへのアップロード用ページを作れるサービス](/assets/images/design/clip/01/weekly-web-tech/201209/20/thumb/TH800_006.jpg)