IT the Best

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

同カテゴリーが記事下の関連記事に表示されない時の対処法 - 【はてなブログ】| 【カスタマイズ】

[画像]問題と対処法 記事下の関連記事の仕様 サイドバーの関連記事モジュールの仕様 カスタマイズ サイドバーに関連記事モジュールを追加する 関連記事モジュール以降にJavaScriptを埋め込む サンプルコード 表示するデータの変更 関連記事を記事下に表示す…

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

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

【はてなブログ】カテゴリー別記事一覧のサイトマップページを作る |【カスタマイズ】

カテゴリーを取得 カテゴリー別に記事を取得 表示 カテゴリー別の記事一覧ページを固定ページで作りました。 html,css,javascriptそしてphpを利用して表示させています。 ※固定ページは、はてなブログPROのみ作成できます。 カテゴリーを取得 var category_l…

【WEBデザイン】CSSで画像をホバー時にハイライトさせてオシャレにする

記事トップ画像のように、マウスホバー時に画像を拡大/縮小・ぼかしをしてハイライトさせます。cssの「transition」「opacity」「transform」プロパティの3つを使用しています。サンプル(マウスホバー時)拡大/縮小ぼかし透明度の値:0.5変化時間の設定説明tr…

navigatorプロパティ一覧 判定処理の使用例あり | 【JavaScript】【navigator】

navigator プロパティ一覧(2019/6/20時点の標準のみ) 実際の値 ブラウザ情報 デバイス情報 使用例 navigator.userAgent navigator.onLine navigator navigatorオブジェクトは、ブラウザの情報やデバイスの情報を取得することができます。 ・ブラウザ情報 ブ…

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

階層カテゴリーパンくずリストの表示 当記事は、階層カテゴリーを表示するために開発したJavaScriptファイルの説明になります。#階層カテゴリーパンくずリストの表示 ※https://cdn.it-the-best.com/js/category/2.2/category.min.jsの説明 www.it-the-best.c…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #カテゴリーの表示を変える

カテゴリーの表示を変える カテゴリー情報を取得する 階層化カテゴリータグを表示させない 階層化カテゴリーの表示を変える すべてのカテゴリーを取得 カテゴリー一覧(階層化表示にする) カテゴリータイトルの表示を変える 当記事は、階層カテゴリーを表示す…