tpex_ovon's blog

Web屋の人。はてブのユーザースタイルシートの記事しか書いてない。あまりはてブを見なくなったので、更新により不具合があったらtwitterで教えてください。

はてブユーザースタイルシートの個別エントリータグ復活させた

f:id:tpex_ovon:20130219134652j:plain

個別エントリーにタグを生き返らせた。
id:jingi469さん、id:asakura-tご意見ありがとうございます。


文字も調整。ブラウザのデフォルト最小フォントサイズを15ptにしていたので文字サイズがおかしいのに気づいていなかった。

自分がWebサイトを作るときはfont-size:100% = 13ptにしていて、ほぼ100%以下のサイズに設定することが無いので、あまり意識してフォントサイズはいじっていなかったです。

はてなブックマーク用のユーザースタイルシートhatena-user-cssについて

※2018/03のはてブの大リニューアル対応

◆Git Source:https://github.com/ovoncovon/hatena-user-css/
https://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css.css
Firefoxhttps://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css_ffx.css


TOPページ
f:id:tpex_ovon:20180608113824j:plain

ENTRYページ
f:id:tpex_ovon:20180608113936j:plain

履歴

  • 2018/11/06 フォントなど微調整
  • 2018/05/19 2018/03のリニューアル対応
  • 2017/08/30 エントリーページの微調整
  • 2017/08/23 エントリーページのリニューアル対応
  • 2015/10/21 「昨日のコメント数ランキング」修正と軽微な修正
  • 2015/10/21 「特集」のリストデザイン調整
  • 2015/10/21 メニューの「特集」のドロップダウンを削除
  • 2015/05/11 あとで読むアイコンの場所を変更、トップページにあるランキングのレイアウト調整
  • 2014/12/05 エントリーページのデザイン変更に対応
  • 2014/05/10 トップページ調整
  • 2014/03/14 エントリーページで「すべてのブックマーク」時コメントがないのを表示に戻す。アマゾンリンクの背景を黄色に
  • 2013/10/11 エントリーページで「すべてのブックマーク」時コメントがないのを非表示
  • 2013/10/02 不具合修正
  • 2013/09/18 トップページのリストの修正
  • 2013/07/10 トップページのリストの高さ修正
  • 2013/06/07 ヘッドラインページのデザイン不具合修正
  • 2013/06/01 エントリーページの仕様が変わったので修正
  • 2013/05/15 サムネイルの仕様が変わったので修正
  • 2013/04/11 トップページとエントリーページのCSSを統合
  • 2013/04/03 画面幅可変に対応。メディアクエリー削除。
  • 2013/03/26 フォントサイズを13pxを基準に相対指定、フォントスタイルをsans-serifに
  • 2013/03/24 コンテンツ幅を画面幅に合わせるためにメディアクエリーを入れてみる
  • 2013/03/22 新ユーザーページのサイドバーを画面下に表示
  • 2013/03/21 新ユーザーページリニューアルに対応
  • 2013/03/03 新ユーザーページでの自分コメント編集の不具合対応、ソース整形
  • 2013/03/01 新エントリーページ修正。タグとコメントを1行で表示するようにした。ニュースページ対応
  • 2013/02/19 エントリページタグ復活、セクションでファイル分け、フォントサイズ調整

不具合とか

f:id:tpex_ovon:20170114174029j:plain

  • 元のはてブのデザインでタイルレイアウト以外だとおかしくなる
    • →タイルデザインやリストデザインが実装される前に作ったのでおかしくなります。すいません

使い方は拡張機能Stylusがおすすめです。

Firefox

Stylus – Get this Extension for 🦊 Firefox (ja)

過去のStylish拡張に注意!
forest.watch.impress.co.jp


※広告ブロックの拡張機能をONにして調整しています。
Firefox版のテストはしていません

はてなブックマークの新しいエントリーページに対応したユーザースタイルシートを作った

あたらしいエントリーページのデザイン素敵ですね!
というわけで自分が見やすいように勝手にユーザースタイルシートを作ったよ。

ダウンロードはこちら
https://github.com/ovoncovon/hatena-user-css

f:id:tpex_ovon:20130303180722j:plain

こんなかんじ

旧デザインと新デザインが混ざってるのでCSS書くのが面倒


それと、トップにタグ復活しました。最初に作った時にジャマで消したままだったです。
要素が増えて見にくいかもなあ。

f:id:tpex_ovon:20130215160525j:plain
こんなん