読者です 読者をやめる 読者になる 読者になる

IMUZA.com

Joomla!によるウェブ制作, PHP, Javascript, CSS

はてなブログ

はてなブログ テーマ制作
・とことこ with Menubar
・Simple Responsive with Menubar
・Mobile-First Responsive
・Hyperspace

Joomla!

Joomla! によるウェブ制作
・テンプレート自作
・モジュール自作
・Joomla!でサイト構築

Web Tips

ウェブサイトづくりに役立つかも
・Javascript
・CSS

Windows, Linux

Windows10
Plamo Linux

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

はてなブログ

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

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

f:id:ausnichts:20161117204249p:plain

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

ausnichts.hatenablog.com


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

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