F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

超オススメ！はてブの省略された記事タイトルをフルテキストにするGreasemonkeyスクリプト < Greasemonkey < F.Ko-Jiの「一秒後は未来」 < fkoji.com

超オススメ！はてブの省略された記事タイトルをフルテキストにするGreasemonkeyスクリプト

2008/11/30 09:05:07

リニューアルしたはてなブックマークのトップページが以前と比べて流し読みしづらくなった気がするので、こんなGreasemonkeyスクリプトをつくってみました。

↑ こんな感じでタイトルが省略されているものが、

↑ こうなります。

このスクリプトでは以下のような処理をしています。

(追記 2008-12-21) faviconとテキストサイズの変更はしないようにしました。

記事タイトルが省略されているものをフルテキスト表示: 記事タイトルが長いものが省略されるようになって、いまいち内容を把握しづらくなりました。ソースを見てみるとリンクのtitle属性にタイトルがフルテキストで入っていたので、title属性の値をinnerHTMLでつっこんでみました。
~~faviconを非表示~~: 記事タイトルの先頭にfaviconがつくようになり、集中して流し読みできなくなった気がします。そこで記事タイトルの先頭についているfaviconも非表示にしてみました。
~~記事タイトルのフォントサイズを14pxに~~: 以前と比べて記事タイトルのフォントサイズが小さくなり、どれがタイトルなのか判別しづらくなりました。そこで、フォントサイズをやや大きめにするようにしてみました。

スクリプトはここに置いてます。

いいですね、これ！
SafariのGreaseKitでも動作を確認しました。使わせてもらいます！

> starocker
ありがとうございます！
starockerさんと同じくタイトルの省略に困ってたので解決法を探ってたんです。
気づけば意外とあっさりでした。

このエントリーのトラックバックURL:

» [JavaScript][Greasemonkey]ついでにはてダのトップも記事タイトルをフルテキストにしたい from 日記。
ので、超オススメ！はてブの省略された記事タイトルをフルテキストにするGreasemonkeyスクリプト - F.Ko-Jiの「一秒後は未来」にちょっと書... [詳しくはこちら]

このブログをRSSリーダーで簡単購読