週刊Webテク通信

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

この記事を読むのに必要な時間:およそ 1.5 分

ネットで見かけた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制作者なら気になるニュース記事を紹介します。

  • 「Twitterを理解していなかった」--UCC,キャンペーン⁠炎上⁠を説明 勉強会で経験共有へ(1/2)⁠- ITmedia News
    UCCのTwitterキャンペーン失敗に関する記事です。
  • Tech Wave : Google版Twitter,その名は「Buzz(バズ)⁠
    話題のGoogle Buzz発表に関する記事です。
  • きざしカンパニー,広告ワードなどに適した⁠コトバ⁠を見つける「keygram」⁠ - japan.internet.com 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 オンラインポートフォリオサービスのリンク集

    今週の気になるWebネタ

    韓国で「iPhoneを操作できる」魚肉ソーセージが人気 - スラッシュドット・ジャパンhttp://slashdot.jp/idle/10/02/11/0259214.shtml

    iPhoneやiPod touchでは,ニンテンドーDSなどで使える一般的なスタイラスペンは使えません。専用のスタイラスがサードパーティからいくつか販売されてはいるのですが,それほど使い勝手がいいわけでもないようです。

    そこで気になるのが,ソーセージでiPhoneが操作できるらしいという記事。これなら安い金額で試せますし,使ったあと食べれば無駄にもならないわけですね。

    iPhoneで絵を描いている人の多くはスタイラスを使っているようなので,今後ソーセージで絵を描く人も増えるかもしれません。画面が大きいiPadで絵を描きたいと思っている人も多いと思いますが,iPad+ソーセージで絵を描くイラストレーターも登場するかも。どのメーカーのソーセージが操作性がいいとかいった話題がイラストレーターの間で行われるようになるかもしれませんね。

    著者プロフィール

    芦之由(あしのよし)

    Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

    デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

    デイリーWebテク - Webテク関連の話題を毎日配信 -
    URLhttp://www.rgs680.com/dwt/

    バックナンバー

    週刊Webテク通信

    バックナンバー一覧

    コメント

    コメントの記入