ネットで見かけたWebテク
1. A Graphic Design Primer, Part 2: The Principles of Design - Noupe Design Bloghttp://www.noupe.com/design/a-graphic-design-primer-part-2-the-principles-of-design.html/
デザインの原則について、
- バランス
- 比率
- 優先順位
- 対比
- リズムと流れ
- 調和とまとまり
といった項目について、
![図1 Webデザインのサンプルとともにデザインの原則をレクチャー 図1 Webデザインのサンプルとともにデザインの原則をレクチャー](/assets/images/design/clip/01/weekly-web-tech/201106/30/thumb/TH800_001.png)
2. 50 Beautifully Designed Single Page Websites ≪ Artatm - Creative Art Magazinehttp://artatm.com/2011/06/50-beautifully-designed-single-page-websites//
単ページ完結のWebサイトのショーケースです。ただ1ページだけをスクロールで見せるページもあれば、
シンプルながらもアイデアが光るページも多く、
![図2 単ページ完結Webサイトのショーケース 図2 単ページ完結Webサイトのショーケース](/assets/images/design/clip/01/weekly-web-tech/201106/30/thumb/TH800_002.png)
3. 20 Awesome Examples of Retro And Vintage HTML5 Websiteshttp://smashingwall.com/inspiration/retro-and-vintage-html5-websites//
レトロ&ビンテージデザインのHTML5サイトを多数紹介しています。
レトロ感のあるデザインとHTML5&CSS3の使用は、
![図3 レトロ&ビンテージデザインのHTML5サイトのショーケース 図3 レトロ&ビンテージデザインのHTML5サイトのショーケース](/assets/images/design/clip/01/weekly-web-tech/201106/30/thumb/TH800_003.png)
4. 80+ Excellent Examples of Creative Contact And Web Form Designs | Inspiration | instantShifthttp://www.instantshift.com/2011/06/20/80-excellent-examples-of-creative-contact-and-web-form-designs//
フォームデザインのショーケースです。Twitter、
![図4 フォームデザインのショーケース 図4 フォームデザインのショーケース](/assets/images/design/clip/01/weekly-web-tech/201106/30/thumb/TH800_004.png)
5. Redesigning a Site For Mobile: What's Involved?http://www.elated.com/articles/redesigning-a-site-for-mobile-whats-involved//
既存のサイトをモバイル向け
具体的なコーディングなど技術的な解説はありませんし、
コンテンツを取捨選択し、
![図5 サイトをモバイル向けにデザインし直す方法 図5 サイトをモバイル向けにデザインし直す方法](/assets/images/design/clip/01/weekly-web-tech/201106/30/thumb/TH800_005.png)
そのほか、
- Nizo for iPhone
スクロールするとパーツが寄ってきます。 - pxt | 考察:Appleはスマホサイトを作らない。
ダブルタップで情報を見ていけるようにブロック化されているということですね。 - Webデザイナーの皆さん、
iPadでコーディングができちゃいます。iPad用高機能エディタ 「Textastic」 | ryodesignblog
iPadでHTMLやCSSを編集するのに便利そうなエディタの紹介です。
先週の気になるWebサービス
FileStork - Request files from anyone using Dropboxhttps://filestork.net/
前回につづきDropbox関連のWebサービスです。FileStorkを使うと、
FileStorkにDropboxへのアクセス許可をした後、
「リクエスト」
1つのリクエストは1回限りのやりとりが前提のようで、
なお、
![図6 誰からでもDropboxでファイルを受け取れるサービス 図6 誰からでもDropboxでファイルを受け取れるサービス](/assets/images/design/clip/01/weekly-web-tech/201106/30/thumb/TH800_006.png)