ハイパーテキストリンクのスタイル大全

ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Standardistasによると「ハイパーテキストリンク無しではウェブはウェブではなく、それはただ別個の、無関係なページのコレクションでしょう」と言っています。 我々はページにたどり着いたら、ある種のリンクをクリックする必然性があります。 1. CSSのセレクタと擬似クラス リンクをスタイルする時には、ユーザーはページを流し読みすることを忘れないでください。そのため、リンク箇所はしっかりと明示すべきです

[futomo]

ためになる

[o_hiroyuki]

ハイパーテキストのスタイリング

[shop01]

css

[asiamoth]

(X)HTML にリンクは最重要！ なので、しっかりとデザインしたいところだなー。

[raimon49]

簡潔でとても良くまとまってる。

[marukoro3150]

すごい勉強になる

[yomogi]

マウスオン時のシャドウtext-shadow／サブミットボタンにおけるカーソルタイプ指定cursor:pointer／クリック時-2px程度下げるビジュアルフィードバック／padding指定によるリンク領域拡大／新規ウィンドウ原則指定なし　等

[pipooh]

webデザイン

[eighty8110]

ハイパーテキストリンク

[abc1cba]

リンクは地味に重要

[koolmaker]

リンクの考え方

[mollifier]

_blank 派の人がいてびっくり。そんな僕はブラウザの設定で _blank があろうがなかろうが同じページで開くようにしてる。新しいタブかどうか、それぐらい自分で決めるよ

[mimimi0101]

リンク

[alshine5]

title属性の意味を今知ったｏｒｚ／しかし、１３って意識して作っている人って最近は少数派じゃないかな？

[bearide]

「アクティブのデザイン」はあんまし好きじゃない。「新しいウインドウは開かない」は微妙なところ。正直、タブブラウザだからこそ（外部サイトは）全部別タブでいいやとか思ってたり。

[adsty]

基礎知識、実用的なチップス、やってはいけない間違い等。

[mimoriman]

リンクするときにやるといいこと

[ikari77]

www　css　デゼイン

[PonKotumaru]

　ハイパーリンク

[teinex]

Webサイト上でリンクを張るときのデザインをユーザビリティなどのの観点からまとめ

[caquu]

タブいっぱいだと別窓開いたの気が付かない

[deg84]

外部サイトは_blankかな。外部ドメインではなく。

[richard_raw]

ついつい_blankしてしまいます。

[snb04]

深い。テキストリンクまで気を使えるくらい余裕が持てるようにしないとな。

[ku_marin]

alink系の擬似要素記事。外部サイトは別窓、定着してるよなぁ。個人的にはblankすきですよータブ使ってりゃ気にならないし、むしろやってくれた方が助かるので。まぁ賛否両論なのかな

[Cherenkov]

リンクのデザイン

[zma]

　外部サイトだけは_blank。日本ではこっちの方が多いような気がするけど。

[silverscythe]

翻訳記事ではよく「別窓はやめろ！」っていうの見るけど、国内では外部リンクは別窓がフツーだと思う。ライトユーザーがどう反応するかはよく知らんが。

[kurobuchi]

リンク関連の情報まとめ。

[tetsu23]

ハイパーテキストのスタイル設定。