IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

【CSS】でスクロールバーの表示を変えて、個性的なデザインにカスタマイズする【WEBデザイン】

今回の記事は、[画像]この見慣れたスクロールバーのカスタマイズに関する記事です。前置きFirefox、IEなどでは、サポートされていません。スクロールバーのカスタマイズで使用する疑似要素のブラウザ互換性[画像] ::-webkit-scrollbar::-webkit-scrollbar-::…

【見本あり】簡単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要素なのでカスタマイズができません。カスタマイズ可能な読者になるボタンなので当サイトでは、サイドバーにある「プロフィールモジ…

slideToggle() - たった1行でできる表示/非表示の切り替え | jQuery Introduction

slideToggle()slideToggle()メソッドはHTML要素の表示/非表示を切り替える時に使います。1行だけで表示/非表示を切り替えることができるのでとても便利です。...jQueryの設定方法 - jQueryを使用するまでの手順 |【jQuery】 - IT the Best...$("tag.classna…

jQueryの設定方法 - jQueryを使用するまでの手順 |【jQuery】| 【JavaScript】

jQueryとはJavaScriptコードをより容易に記述するためのもの。 jQuery使用方法読み込み外部から読み込む方法(CDN)jQuery:Google:Microsoft:「jQuery(公式)」「Google」「Microsoft」が公開しているjQueryファイルを読み込んでjQueryを使用します。三つの…

toggleClass() - 条件式を書かずにクラスの追加/削除をする | jQuery Introduction

toggleClass()このメソッドは、引数に指定されたクラスの追加または削除を行います。条件式を書くことなく容易にクラスの切り替えができます。例クラス"sample2"の追加と削除(クラスの切り替え) 追加$("div.sample1").toggleClass("sample2")