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

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

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

f:id:ausnichts:20161117204249p:plain

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

ausnichts.hatenablog.com


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

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