これが決定版!JS+CSSでお手軽に「target= _blank」なリンクを一目で判断させる

先日「target="_blank"」の設定されているリンクを簡単に判別できるようにする、という内容のエントリを書きました。 CSSのみで「target="_blank"」のリンクを一目で判別できるようにする これは最終的に「CSSの属性セレクタ」+「手動class設定」という形に落ち着いたんですが、予想したとおり「class設定するの面倒だよね」(意訳)という指摘が。私自身はエディタとツールを使っているのでclassを設定...

CSSのみで「target="_blank"」のリンクを一目で判別できるようにする

このBlogもそうなのですが、外部サイトへのリンクに「target="_blank"」を使って新しいタブ(ウィンドウ)で開く設定にしている人は多いのではないでしょうか。この「自動でタブ(ウィンドウ)を開く」という挙動には賛否両論あるものの、少なくとも私はこちらの方が好きなので利用しています。 さてこのタブを開く挙動、機能自体はいいのですが、残念なことに「一見してタブを新しく開くのか再使用するのかわからない」...

FC2ブログ用パンくずリスト Ver.2 (親子カテゴリ対応版)

親子カテゴリを導入したので、一緒に現在使っているパンくずリスト(*1)を親子カテゴリに対応したVer.2にアップグレードしました。 ([*1]正確にはHTMLのマークアップが微妙に違うんですが、やってることは同じ。) 親子カテゴリを使い始めたのでパンくずリストも更新したい方、これからパンくずリストを追加したい方はこちらを利用してください。親子カテゴリを使っていない場合でも、旧バージョンと同じ挙動をするだけなので...

ブロガーがやって損はない7つのカテゴリ分けTips

少し前の話なのですが、Blog開始時から行き当たりばったりにおこなっていたエントリのカテゴライズを根本的に見直しました。最初のエントリからすべてチェックし、カテゴリ自体の量も一気に増えています。 以前から乱雑としたカテゴリ分けが気になっていて、整理に役に立ちそうなHow To記事を検索したのですが、ほとんど見つかりませんでした。Blogでカテゴリ分けを気にしている人というのは、実はかなり少ないのでしょうか?...

FC2 Blogでパンくずリストを設置する

少し前にこのBlogにも「パンくずリスト」(Topic Path)を設置しました。具体的にどういうものかというと、「現在見ているページの階層をリンク付きツリーで表示する」ものです。より詳しく知りたい方は、下記を参照してください。  Webサイトの中のそのページの位置を、階層構造の上位ページへのリンクのリストで簡潔に記述したもの。すべてのページの同じ場所にパンくずリストを掲載することにより、サイトの訪問者が現在...

Blogのユーザビリティで絶対チェックすべき5のポイント

Blogというものが普及し、HTMLやCSSの知識がなくても個人で極めて手軽に情報発信できる時代になりました。 「HTML?何それ?」という人でも、Blogは元からテンプレートが用意されているため、本文の中で変わったことをしたいとか、カスタマイズしたいという場合でなければ、特に問題になることはありません。Blogサービスにもよりますが、数量の違いこそあれ大概は自分が使うテンプレートを選ぶことができます。 しかしなが...