ネットで見かけたWebテク
1. Flat design casts a long shadow | Webdesigner Depothttp://www.webdesignerdepot.com/2013/07/flat-design-casts-a-long-shadow/
フラットデザインに、
斜め45度の長い影をフラットなデザインに追加する手法は、
フラットデザイン2.
ロングシャドーはフラットデザインに奥行きや濃淡を加えることができ、
![図1 フラットデザインに長い影を追加した「ロングシャドウ」について 図1 フラットデザインに長い影を追加した「ロングシャドウ」について](/assets/images/design/clip/01/weekly-web-tech/201307/11/thumb/TH800_001.jpg)
2. What is Responsive Web Design and why should you care?http://www.quantumcloud.com/blog/web-designing/what-is-responsive-web-design-and-why-should-you-care/
レスポンシブWebデザインの必要性などについて、
以下の項目に分けて、
- レスポンシブデザインとは何か
- なぜ必要なのか
- レスポンシブデザインの特徴
- どのように動作するか
- 最も効率のよいプロセス
- フレームワーク
- 成果
![図2 レスポンシブWebデザインについてまとめたインフォグラフィックス 図2 レスポンシブWebデザインについてまとめたインフォグラフィックス](/assets/images/design/clip/01/weekly-web-tech/201307/11/thumb/TH800_002.jpg)
3. Style Guide Boilerplatehttp://bjankord.github.io/Style-Guide-Boilerplate/
Webサイト制作時のスタイルガイドのベースとなるものを提供しています。
見出しやリスト、
このスタイルガイドのファイル一式を自分の制作するサイトに入れておき、
![図3 スタイルガイドのテンプレート的なものを提供 図3 スタイルガイドのテンプレート的なものを提供](/assets/images/design/clip/01/weekly-web-tech/201307/11/thumb/TH800_003.jpg)
4. 5 of the Best Do-It-Yourself Website Builders on the Internethttp://www.underworldmagazines.com/5-of-the-best-do-it-yourself-website-builders-on-the-internet/
Webサイトを簡単に制作できるツールを5つ取り上げています。
この手のツールも最近はかなり使えるものになってきていますし、
Webデザイナーが、
![図4 Webサイトを簡単に制作できるツールいろいろ 図4 Webサイトを簡単に制作できるツールいろいろ](/assets/images/design/clip/01/weekly-web-tech/201307/11/thumb/TH800_004.jpg)
5. Showcase of 30+ Flat Website Designs to Feed your Inspiration | Best PSD to HTMLhttp://www.bestpsdtohtml.com/showcase-of-30-flat-website-designs-to-feed-your-inspiration/
フラットデザインのサイトのショーケースです。
一見フラットっぽくないサイトも混じっていますが、
![図5 フラットデザインのサイトを30以上紹介 図5 フラットデザインのサイトを30以上紹介](/assets/images/design/clip/01/weekly-web-tech/201307/11/thumb/TH800_005.jpg)
そのほか、
- Evernote 5 周年記念 | Evernote Life
Evernoteが5周年を迎えました。自分が何番目のユーザーかというのがメールで送られてきています - The Ultimate Compilation of Weird Japanese Commercials
日本のコマーシャルをつなぎ合わせたムービーが、Mashableで取り上げられていました
先週の気になるWebサービス
biggie: presentationshttp://macwright.org/biggie/
マークダウン記法で書いたものが、
文字が画面いっぱいに大きく表示されるのが特徴で、
分割された画面にエディタとプレビューが表示されていて、
それほど凝ったプレゼンが作れるものではありませんが、
![図6 マークダウン記法で簡単にプレゼンテーションが作れるサービス 図6 マークダウン記法で簡単にプレゼンテーションが作れるサービス](/assets/images/design/clip/01/weekly-web-tech/201307/11/thumb/TH800_006.jpg)