ネットで見かけたWebテク
1. The Definitive Guide To Styling Web Links - Smashing Magazinehttp://www.smashingmagazine.com/2010/02/13/the-definitive-guide-to-styling-web-links/
リンクテキスト
- 訪問済みリンクのことを忘れないで。リンク色より暗めの色にすると分かりやすい
- リンクの周りにpaddingで余白を作ると、
クリックできる領域が広がってよい - アンカーテキストは
「click here」 などでなく、 意味のある言葉にしよう - リンク先を新規ウィンドウで開かない。どうしても使いたい場合は分かるようにアイコンを入れる
といったTipsが紹介されています。
リンクデザインの参考になりそうなサイトのショーケースもあります。
![図1 リンクのスタイリングに関する手引き 図1 リンクのスタイリングに関する手引き](/assets/images/design/clip/01/weekly-web-tech/201002/18/thumb/TH800_001.png)
2. 54 Awesome Tutorials To Satisfy The Appetite Of Any Web Developer | Tutorials | PelFusion.comhttp://pelfusion.com/tutorials/54-awesome-tutorials-to-satisfy-the-appetite-of-any-web-developer/
Web制作者なら誰でも満足できるはずの、
CSS3、
![図2 Web制作者のためのチュートリアル集 図2 Web制作者のためのチュートリアル集](/assets/images/design/clip/01/weekly-web-tech/201002/18/thumb/TH800_002.png)
3. jQueryのアニメーション関連いろいろまとめ :: 5509(+1)http://moto-mono.net/2010/02/09/jquery-with-animation.html
jQueryのanimateメソッドを使って動きをつけるためのチュートリアルとプラグインのリンク集です。
紹介されている各記事に載っているサンプルを見ると、
![図3 jQueryのアニメーション関連のまとめ 図3 jQueryのアニメーション関連のまとめ](/assets/images/design/clip/01/weekly-web-tech/201002/18/thumb/TH800_003.png)
4. Creative Web Form Designs: Ideas And Realizations | webexpedition18http://webexpedition18.com/articles/creative-web-form-designs-ideas-and-realizations/
独創的なWebフォームデザインのショーケースです。手紙、
![図4 独創的なフォームデザインのショーケース 図4 独創的なフォームデザインのショーケース](/assets/images/design/clip/01/weekly-web-tech/201002/18/thumb/TH800_004.png)
5. iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログhttp://designblog.ecstudio.jp/htmlcss/iphone-master.html
iPhone向けサイト構築に関する基礎のレクチャーと、
最後に紹介されている参考リンク集も充実しています。
![図5 iPhone向けサイト構築のためのレクチャー記事 図5 iPhone向けサイト構築のためのレクチャー記事](/assets/images/design/clip/01/weekly-web-tech/201002/18/thumb/TH800_005.png)
そのほか先週の記事から、 今回は、 デザイナーが自分の作品をオンラインで公開する場合、 作品画像の見せ方にも凝ったサービスが多いので、
UCCのTwitterキャンペーン失敗に関する記事です。
話題のGoogle Buzz発表に関する記事です。
広告用のキーワードツールとは違った角度で言葉を探せそうです。先週の気になるWebサービス
22+ Creative online portfolio sites and image hosting applications | Freelance Logo Designer & Brand Identity Design - UK Logo Design by Graham Smith - ImJustCreativehttp://