ネットで見かけたWebテク
1. 24 ways: Working With RGBA Colourhttp://24ways.org/2009/working-with-rgba-colour
RGBAカラーを使うためのチュートリアル記事です。AはAlpha
opacityというプロパティも従来からあるのですが、
RGBAカラーに対応していないブラウザへの対処法も説明されています。RGBAでの指定は、
透明度を使った簡単なロールオーバー効果の作り方も紹介されています。
![図1 RGBAカラーの使い方の紹介 図1 RGBAカラーの使い方の紹介](/assets/images/design/clip/01/weekly-web-tech/200912/10/thumb/TH800_001.png)
2. Pushing Your Buttons With Practical CSS3 - Smashing Magazinehttp://www.smashingmagazine.com/2009/12/02/pushing-your-buttons-with-practical-css3/
ドロップシャドウやRGBAカラー、
ブラウザを選びますが、
ボタンは過度に装飾しないほうがいいですし、
![図2 CSS3を使ったボタンの作り方 図2 CSS3を使ったボタンの作り方](/assets/images/design/clip/01/weekly-web-tech/200912/10/thumb/TH800_002.png)
3. Fixed elements in web design with examples ≪ CreativityDenhttp://blog.creativityden.com/fixed-elements-in-web-design-with-examples/
CSSでの固定配置
実例として挙げられている、
固定配置はIE6以前では問題があるのですが、
![図3 固定配置の使い方と実例紹介 図3 固定配置の使い方と実例紹介](/assets/images/design/clip/01/weekly-web-tech/200912/10/thumb/TH800_003.png)
4. Minimalist Web Design: When Less is More | Webdesigner Depothttp://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/
最小限の機能や装飾に絞ったミニマルなWebデザインのススメと、
紹介されているサイトを見ると、
![図4 ミニマリストWebデザインについて 図4 ミニマリストWebデザインについて](/assets/images/design/clip/01/weekly-web-tech/200912/10/thumb/TH800_004.png)
5. 10 front-end techniques to improve your site usabilityhttp://www.catswhocode.com/blog/10-front-end-techniques-to-improve-your-site-usability
サイトのユーザビリティを向上させるためのフレームワークやテクニックを10個紹介しています。
日時表示を
![図5 ユーザビリティを向上させるテクニックの紹介 図5 ユーザビリティを向上させるテクニックの紹介](/assets/images/design/clip/01/weekly-web-tech/200912/10/thumb/TH800_005.png)
そのほか先週の記事から、
- 12 Useful Tutorials to Style Web Forms
フォームをマークアップ&デザインするためのチュートリアルを多数紹介しています。 - 24 ways: Have a Field Day with HTML5 Forms
HTML5とCSS3を使ったフォームのコーディングに関するレクチャー記事です。
先週の気になるWebサービス
ニッポンのお茶の間「ピーチク」http://ptic.jp/
「ピーチク」
投稿は
これを見て、
「ピーチク」
運営会社には、
![図6 Twitterを利用したテレビ番組へのつぶやき共有サービス 図6 Twitterを利用したテレビ番組へのつぶやき共有サービス](/assets/images/design/clip/01/weekly-web-tech/200912/10/thumb/TH800_006.png)