このブログは移転しました。→http://www.masuseki.com/wp/ 300 秒後に移動します

製作物はてなブックマーク2,user.css | 08.11.25 (火)

はてなブックマーク新Ver.用の user.css

リニューアルされた はてなブックマークがどうも使いづらかったので、 user.css を書いてみた。 あまつさえ user.css に投稿してみた。

はてブ2をスッキリさせる。 | userstyles.org
http://userstyles.org/styles/12398

before

hatebu2_01.png

after

hatebu2_02.png

@namespace url(http://www.w3.org/1999/xhtml);

/*--------------------------------------------------------*/
/* はてブ2から引用や罫線などを消してスッキリさせる user.css */
/*--------------------------------------------------------*/

/* ==b.hatena.ne.jp 以下に適用== */
@-moz-document domain("b.hatena.ne.jp") {

/* === 編集・削除ボタンは常に表示 === */
img[alt="コメントを編集する"],img[alt="ブックマークを削除する"]{display:inline !important;}
}

/* ===h3,UL をインライン化して一画面に表示できるエントリ数を増やす=== */
.main h3{
    display : inline !important;
    margin-right : 1em !important; /* 右マージン */
}

.main ul{display : inline !important;}

/* 必要の無い要素を表示しない */

.main .domain{display : none !important;}

.main .curvebox-header,.curvebox-bottom{display : none !important;}

.main .curvebox-body{
    border : none !important;
}

/* 下部の余白を少し詰める */

#bookmarked_user li{ margin-bottom : .7em !important}

/*--------------------------------------------------------*/

/* ==はてなブックマークトップページに適用== */
@-moz-document url("http://b.hatena.ne.jp/") {

/* ===引用の非表示=== */
#main blockquote{display:none !important;}

/* ===h3をインライン化して一画面に表示できるエントリ数を増やす=== */
#main h3{
    display : inline !important;
}

/* ===タグやカテゴリなどを表示しない=== */
#main img[alt="NEW!"]{display : none !important;}

#main ul.entry-info{
    margin-left : 1em !important;
    display : inline !important;
}

#main .category,#main .tags,#main .timestamp{display : none !important;}

}

うーん、まぁ、スクロールさせずにずらずらずらっとホットエントリの見出しが読みたいよね、じゃあ<blockquote>は要らないよね。

せっかくだから<h3>と<ul>はインラインにして一行表示してデッドスペースを作らないようにしようか。

ホットエントリ=たいていは新しいエントリだから、タイムスタンプとか「New!」アイコンは非表示でいいや。

トップページのエントリ一覧にカテゴリとタグは付かなくてもいいかな。 カテゴリバーあるし。見出しだけ見たいときにタグがあると邪魔だし。下向いちゃうし。

……と、そんな感じですかね。

あとは、編集と削除のアイコンを常時表示に変更。

いや、設計者のいいたいことはわかるんですよ。 各エントリそれぞれに削除ボタンが付いてたら、誤って消すつもりのないエントリを消しかねない。初心者に易しくない。だから、ホバーしないとボタンが表示されない仕様……かな。

でも、手間かかるっしょ。ボタンが表示されてたらそこに向かってビャーッ!!て一直線にカーソル動かしてピタッと止めてクリック!調子をそろえてクリック!クリック!クリック!じまんのそのてであざやかにソラたちまちひつじはまるはだか……とやれたのが、ホバーしなきゃボタンの正確な位置がわかりづらいから、いちいちホバーして、それからボタンに合わせて……と、とに角二度手間二度手間ッ!!無駄が多すぎるよ!ダンドリとはよどみなさなりっ!!ハァハァハァ……

……こういう意見って少数派なんですかね。 PC の性能が上がったり Flash だの Ajax だのでリッチな UI が可能になるたびに、 かえって面倒なことになったと感じるのは私だけですか。つうかオッサンの世迷い言なのか。 画面遷移が無くなったのはいいけれど、代償が大きすぎるよ。

いまだに web 1.0 な UI の2ちゃんねるが、〝お題に沿ってトーク〟の場として、 はてなハイクよりはるかに使いやすい現実を、もうちょっと真面目に考えてみましょうよ(よけいなお世話か)。


誤削除を無くすには、

  • ごみ箱を実装する
  • 確認ダイアログ表示時に該当エントリを強調する
  • 確認ダイアログのフォーカスのデフォルトは にする(現在は がデフォルト)

が正しい解だと思うなあ。

ところで、どうやら表示する要素のカスタマイズが可能になりそうだし、 この user.css も不要になるかもしれないなぁ。

つーか、ついカッとなって user.css に投稿したけど、この先メンテとかする気ないし。

追記:userstyles.org に投稿したものの削除の仕方がわからない。もしかして削除依頼しか方法は無いのか?でもって英語で依頼せねばならんのか?ぅぁぁ。

いや、ちょっと後悔してきてやっぱ消そうかなとか思ったりして……。

sub section