tpex_ovon's blog

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

はてブユーザースタイルシートのフォント周りを改修

旧エントリーページのCSSを削除した。

で、フォントのサイズの基本を13pxにして文字サイズの指定を相対表示にしてみた。

(参考:Yahoo User Interface http://yuilibrary.com/yui/docs/cssfonts/)

CSSの最初に書いてある

body{ font:13px/1.231 sans-serif !important;}

のfontの値をいじれば全体的に文字のサイズを自分の好きな様に調節できるはず。検証してないけど。

それと、個人的に嫌だったフォントファミリー指定もsans-serifだけにしたよ。

Windowsだけども仕事上の都合でヒラギノ角ゴを入れている関係でフォントが汚いことになってしまうのでサイト側で強制されたくないってのが理由。

なのでこの指定が気に入らなければ適当に書きなおして下さい。

はてブデフォルトの指定はこれ

body {font: 16px/1.5 Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, sans-serif;}

なんかbase.css見てみると

body.os-win { font-family: Helvetica, Arial, Meiryo, 'メイリオ', sans-serif;}

ってのがあるけどbodyにos-winなんてついてないしなあ。


個別エントリーページも同じくフォント指定を入れてみた。
新着エントリー、同じサイトのほかのエントリー、関連エントリー部分はどうにもこうにもHTMLの構造がバラバラで見た目を同じにするのが大変な上、いじっているうちによくわからなくなったので、これからのはてな側のアップデートに期待したい所。

li.userとul.userがあるのと、.entry-dataの.entry-metaあたりがバラバラなのどうにかなりませんかねえ・・・・



ユーザーCSSに関してはこちら
はてなブックマーク用のユーザースタイルシートhatena-user-cssについて - tpex_ovon's blog

自作はてブユーザースタイルシートのgitのcommitが2倍になってしまった

昨日の深夜、Soucetree ( http://www.sourcetreeapp.com/ ) というGitクライアントを導入してリポジトリを見てみますとね、昔のコミットのAuthorに本名が入っていましてね。

なんかいやだなーと思ってどうすればいいのかググっていじってみました所、コミットが倍増されましたよ。
原因はわからんでもないけど、そもそもGitの仕組みがまだあいまいなのでまたいじると墓穴を掘るんじゃないかと思いますわ。

複数人でいじっているわけでもないので過去のコミットなんてイランけどね。全部消してもいいのかしら。

ハテブの新ユーザーページのサイドバーを画面下に表示した

f:id:tpex_ovon:20130322115159j:plain

CSSでの整形が面倒くさいので消していたサイドバーの要素を下に持ってきた。
私はあまり見ないけど、見る人もいるかもしれないので。

ココらへんはHTMLの構造がマチマチなので綺麗に見せるのが面倒。放置しようかな。


なんでハテブのCSSは文字サイズpx固定、line-heightもpx固定にしているんだろう・・・・

フォントサイズは13px=100%にしてline-heightは単位無しの数字指定がいいと思うけどね、タイル上に並べなきゃいけないからガッツリ固定にしないといけないんだろうね。



ユーザーCSSに関してはこちら
はてなブックマーク用のユーザースタイルシートhatena-user-cssについて - tpex_ovon's blog