はてなブログ／トップページの記事をタブ式表示にしてみた

はてなブログのトップページの記事をタブで切り替えられるようにしてみました。

スマホの場合は、こんな感じになります。

運用サイトはこちらです。

ausnichts.hatenablog.com

アドセンスやソーシャル・ボタンにも Javascript を使っているせいか、タブの表示がカクカクしますね。テストサイトでは結構スムーズにアニメーションするんですが、何が原因か調べましょう。

いろいろチェックが終わりましたら公開する予定です。