週刊Webテク通信

2010年2月第3週号1位は、リンクのスタイリングに関する手引き、気になるネタは、韓国で「iPhoneを操作できる」魚肉ソーセージが人気

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年2月8日~2010年2月14日の間に見つけた記事のベスト5です。

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 リンクのスタイリングに関する手引き

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、Wordpress、jQueryに関するチュートリアル記事が、20個くらいずつ紹介されています。やはりCSS3とjQueryは、これからのWeb制作者にとってマスターしておきたい技術なのでしょう。

図2 Web制作者のためのチュートリアル集
図2 Web制作者のためのチュートリアル集

3. jQueryのアニメーション関連いろいろまとめ :: 5509(+1)http://moto-mono.net/2010/02/09/jquery-with-animation.html

jQueryのanimateメソッドを使って動きをつけるためのチュートリアルとプラグインのリンク集です。

紹介されている各記事に載っているサンプルを見ると、見せ方のセンスが重要なんだなと感じます。jQueryでのスクリプトの書き方を覚えるよりも、うまい見せ方のアニメーションを考える方が大変そうです。

図3 jQueryのアニメーション関連のまとめ
図3 jQueryのアニメーション関連のまとめ

4. Creative Web Form Designs: Ideas And Realizations | webexpedition18http://webexpedition18.com/articles/creative-web-form-designs-ideas-and-realizations/

独創的なWebフォームデザインのショーケースです。手紙、紙といったアナログなものをモチーフにしているものが目立ちます。

図4 独創的なフォームデザインのショーケース
図4 独創的なフォームデザインのショーケース

5. iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログhttp://designblog.ecstudio.jp/htmlcss/iphone-master.html

iPhone向けサイト構築に関する基礎のレクチャーと、応用編としてのTipsがまとめられた記事です。⁠viewport」の概念についてなど、非常に丁寧に解説されていますね。

最後に紹介されている参考リンク集も充実しています。

図5 iPhone向けサイト構築のためのレクチャー記事
図5 iPhone向けサイト構築のためのレクチャー記事

そのほか先週の記事から、Web制作者なら気になるニュース記事を紹介します。

先週の気になるWebサービス

22+ Creative online portfolio sites and image hosting applications | Freelance Logo Designer & Brand Identity Design - UK Logo Design by Graham Smith - ImJustCreativehttp://imjustcreative.com/21-creative-online-portfolio-sites-and-applications/2010/02/08/

今回は、オンラインに自分のポートフォリオを公開できるWebサービスや、画像をホスティングできるサービスのリンク集を紹介します。

デザイナーが自分の作品をオンラインで公開する場合、自分のサイトやブログを作る方法もありますが、こういったサービスを使うと人目に付く機会も多くなりそうです。

作品画像の見せ方にも凝ったサービスが多いので、見栄えもよくなるかもしれませんね。

図6 オンラインポートフォリオサービスのリンク集
図6 オンラインポートフォリオサービスのリンク集

おすすめ記事

記事・ニュース一覧