--

--

  1. スポンサー広告
  2. RSS
ブックマークに追加する
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

記事下によくある関連記事へのリンク


関連記事へのリンクナビゲーション
記事がそのページだけで終わらなかったり、前後に連続する関連記事があるときにとても分かりやすいリンクの貼り方ですねwwwこのブログでも導入したいと思いますwwwユーザーが迷わないブログ作りwww

ブログを書いていると、以前書いた記事の続きや、これからも続きを書くであろう話題が多々あります。
そういった記事の時には「関連記事」と見出しをつけ、記事の終わりのほうにリンクを貼ることが多いわけですが、欠点がないわけではありません。


「関連記事」と一言で言っても今読んでいる記事の前なのか、それとも後なのか?
記事によっては順番通りに読んでいかないと理解できないコンテンツもあります。
そういう時に便利なのが写真のような形のリンクwww
今自分がどこにいるのか、前後の記事がどれくらいあるのかが分かりやすくていいですwww
これをこのブログにも導入したいと思いますwww


more >>

リンクのデザインをカッコよくしたい


デザインを変更したDig*Dag。
変更したばかりの時は自己満足のせいか気にならなかったが、慣れてくるとイマイチ使いにくい。
特にリンクのデザイン見出しのデザインがかっこ悪い。
あと2次元で平面な丸角デザイン

Dig Dag リンクのデザイン

というわけでまずはカッコよくてユーザーにとって使いやすいリンクを考えてみた。



more >>

リストを使った構造化ナビゲーション


グローバルナビゲーションはページ上部などに設置して、テキストや画像を並べて構成する事が多い。
この場合、テキストや画像をp要素の中にインラインで並べるよりも、ul要素を使ってブロックレベル要素として定義し、CSSdisplayプロパティでインライン化した方が構造的に正しい。


CSSが利用できない環境でも箇条書きリストとして表示され、直感的に理解しやすいナビゲーションになる。


more >>

Archives

全ての記事を表示する

全ての記事を表示する

Recent comments

Recent trackbacks

ブロとも申請フォーム

この人とブロともになる

Category

フリーエリア

Recent posts

Search this site:

Tag Clouds


li >

Powered By FC2

Powered By FC2ブログ
ブログやるならFC2ブログ


  FC2ブログ
伊豆下田・吉佐美大浜海岸 サーフパークキャンプ場
Stray Sheep