はてなブログをカスタマイズするスクリプトを自作するときに役立つかもしれないTIPS - タオルケット体操
最近、暇つぶしにちょろちょろとはてなブログ用のブログパーツ的なスクリプトを書いていて、メモがわりにしておきたいなということで以下のような感じ はてなブログで最初から使えるサードパーティライブラリ 今のところ僕が確認しているのは jQuery underscore.js です。 もちろんこの二つをはてなブログが利用しているのは僕らのためではないので、ある日突然依存ライブラリから消える可能性もなきにしもあらずです。 なお、読み込みタイミングの問題もあるので document.addEventListener('DOMContentLoaded', function() { // ここでjQueryを使う }); みたいにスクリプトの実行を遅延させるのが良いでしょう。 トップページのURLの取得 これはJavaScript全体のAPIですが、 BASE_URL = windows.locatio
はてなブログの脚注のツールチップを見やすく、カワイイにするCSS - タオルケット体操
前置き はてなブログは(())で囲むことで脚注*1をつけることができます。 この脚注、ブラウザ標準のツールチップで読めるんですけども、出てくるのが遅いし、小さくて読みにくいし、見た目が可愛くないですよね。 というわけで無理矢理ツールチップを追加するCSSを作りました。導入すると以下みたいなツールチップが出るようになります。 解説 最初の例はわかりやすいようにstylusで書かれているので、もしも自分もブログで使いたいという奇特な方がいたら、一番最後にコピペ用CSS版を貼っておくので自己責任でそいつを導入してください。 ユーザ定義なCSSの追加はデザインカスタマイズの画面から行えます。 a[name^="fn-"] position: relative &:hover:before z-index: 99999 position: absolute content: "" display:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
