IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

【簡単】カテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- | はてなブログ

はてなブログでのパンくずリストを含むカテゴリーを階層化表示させるための処理を、JavaScriptとCSSで可能にしました。今回開発した機能では、階層化カテゴリーの表示(カテゴリー一覧など)、パンくずリストの階層化を実現することができます。階層カテゴリー…

【はてなブログカスタマイズ】長くなったカテゴリーモジュールを開閉可能にする【CSS+JavaScript】

概要前回、CSSだけではてなブログのカテゴリーモジュールに開閉機能を付けるカスタマイズ記事を投稿しました。今回の記事もカテゴリーモジュールに開閉機能を付けるカスタマイズになりますが、今回はCSSだけでなくCSS+JavaScriptによるカスタマイズになりま…

【CSS】のみで長くなったカテゴリーモジュールを開閉可能にする【はてなブログカスタマイズ】

はてなブログを長いことやっていると、記事も多くなりカテゴリーの種類も多くなると思います。そんななかサイドバーにはてなモジュールのカテゴリーを設定していると、ズラーっとしたに長いカテゴリーリンクのリストができてしまうと思います。そんな長くな…

【見本あり】ドラッグスクロール可能なリストを1行で実現する -オプションでエンドレススクロールも可能-【jQueryPlugin】| listmousedragscroll.js

スマートフォンのようになぞるようにしてスクロールができるjQueryPluginです。一行でマウスドラッグによるスクロールが可能なリストが実現できます。オプションには横幅、縦幅の指定や無限スクロール(endless scroll)の設定などができます。...使用方法から…

【見本あり】簡単1行!階層リストを開閉式リストにする【jQueryPlugin】| listfolding.js

たった一行でHTMLの多階層リストをクリックで開閉可能にする【jQueryPlugin】HTML-JavaScript(JS)-jQueryプラグイン-サンプルありjQueryとプラグインファイル...DEMO...使用方法「HTMLUListElement」には入れ子になったリスト(階層リスト)のトップリスト(最…

数字変換ツール - 話題のフィボナッチ数列の流れに乗って数字で遊ぶ - | Google試験にも出題された説がある数列の法則をもとにした数字生成

フィボナッチ数列0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89...先日、ドラマ「あなたの番です」の12話でフィボナッチ数列に関する話題が...今回は、そんなフィボナッチ数列のように面白い数列の法則にちなんだ数字変換ツールを作成しました。Googleの試験で…

【読者になるボタン】をCSSだけで「立体感」のある押しボタンにカスタマイズする | はてなブログカスタマイズ

読者になるボタンカスタマイズ不可能な読者になるボタンはてなブログの 設定 > 詳細 にある「読者になるボタン」はiframe要素なのでカスタマイズができません。カスタマイズ可能な読者になるボタンなので当サイトでは、サイドバーにある「プロフィールモジ…