ネットで見かけたWebテク
1. Breadcrumbs In Web Design: Examples And Best Practices | Design Showcase | Smashing Magazinehttp://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/
パンくずリストとは何かというところから、
ところで、
パンくずリストはユーザーの利便性のほかに、
パンくずリストからプルダウンでメニューが出てくるのはやりすぎじゃないかと感じますが、
![図1 パンくずリストのまとめページ 図1 パンくずリストのまとめページ](/assets/images/design/clip/01/weekly-web-tech/200903/26/thumb/TH800_001.png)
2. 8のjQueryのすごいTIPS[to-R]http://blog.webcreativepark.net/2009/03/17-161250.html
「8 awesome JQuery tips and tricks」
jQueryといえばプラグインに頼りがちですが、
画像のプリロード、
3. JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ:phpspot開発日誌http://phpspot.org/blog/archives/2009/03/jsgx.html
jQuery用のアニメーションフレームワーク
CSSを記述するような感じでアニメーションを設定できるので、
この記事、
![図2 アニメーションのサンプルも豊富です 図2 アニメーションのサンプルも豊富です](/assets/images/design/clip/01/weekly-web-tech/200903/26/thumb/TH800_002.png)
4. 45+ Best Icon Design Tutorials | Dzine Bloghttp://dzineblog.com/2009/03/45-best-icon-design-tutorials.html
アイコンデザインのチュートリアルのリンク集です。以前、
グラデーションを多用した、
立体的なものでも、
![図3 アイコン作成のチュートリアルがいっぱい 図3 アイコン作成のチュートリアルがいっぱい](/assets/images/design/clip/01/weekly-web-tech/200903/26/thumb/TH800_003.png)
5. [CSS]ジャケ写をセクシーにスタイリングするスタイルシート | コリスhttp://coliss.com/articles/build-websites/operation/css/music-album-sexy-overlays.html
CDケースなどの画像を、
透過PNGを使うには、
また、
![図4 3種類のかっこいい効果が適用できます 図4 3種類のかっこいい効果が適用できます](/assets/images/design/clip/01/weekly-web-tech/200903/26/thumb/TH800_004.png)
以上、
そのほか先週の記事を振り返ってみると、
-
150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog
Webページのレイアウトに役立つPhotoshopのチュートリアルとテクニックのリンク集です。 - 101 High Quality CSS And XHTML Free Templates And Layouts: Part 1 | 1stwebdesigner - Love In Design
フリーのXHTML&CSSテンプレートを多数紹介しています。 - 100 Great Resources for Design Inspiration
デザインのインスピレーションになりそうなサイトのリンク集です。
先週の気になるWebサービス
Poken Japanhttp://poken.jp/
スイス生まれのデジタル名刺ガジェット・
プロフィール情報の交換はお互いのポーケンをタッチさせるだけ。あとでポーケンをパソコンのUSBに接続し、
相手によってプロフィールを切り替えたり、
携帯電話の赤外線通信でもいいだろうと思う人もいるかもしれませんが、
![図5 サイトもおしゃれな感じです 図5 サイトもおしゃれな感じです](/assets/images/design/clip/01/weekly-web-tech/200903/26/thumb/TH800_005.png)