11:59パーマリンクよくブログのサイドバーやフッターなんかで見かける月間アーカイブメニューですが、ちょっとスペース取りすぎだと思っています。そんなアーカイブメニューですが、素敵なデザインを見かけましたので、そのデザインを参考にして自分なりにコンパクトなアーカイブメニューを作ってみました。参考にしたのは以下のサイトです。Heavenどんなコードかまでは確認していませんが、こういう方法があったか、と思いました。自分で作ってみたものは以下です。jQueryデモファイルをダウンロードHTML部分は次の通り。マークアップがアレな感じでごめんなさい。</div></div>次はCSSを。関係ない部分とベンダープレフィックス付きのプロパティは省略しています。#fff;}最後にjQueryで色々します。今回「jQueryでやらなくてもいいんじゃね」と思ったアニメーションはCSSでやっています。});});これでとりあえずは動くと思います。Transitions非対応ブラウザでも同じアニメーション使いたい場合は自分で追加してください。あと、古いIE対策はしていませんので、その辺も対応する場合はCSS書き直してください。Archives」を改造して作るといいんじゃないでしょうか。改造といっても出力するHTMLを書き換えるだけですので、このプラグインの場合はそんなに難しくないと思います。Requestを送るIssueを作成するTwitterでメンションする記事を共有TwitterFacebookPocketはてなブックマークLINEコンテンツホームブログこのサイトについて。