IT the Best

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

【手順あり】はてなブログのカテゴリー・パンくずをコピペで簡単に階層化表示にする「スマホも簡単」 | はてなブログカスタマイズ | 階層化カテゴリー

当記事は、はてなブログのカテゴリーを階層化するためのカスタマイズ情報です。当記事のScriptを設置し、記事のカテゴリーを当記事に記してあるように階層化することで、カテゴリーモジュールとパンくずリストを階層化することができます。 はてなブログのカ…

【はてなブログSEO対策】サイトマップの役割と重要性 Googleにサイトマップは既に送信されている?

はてなブログのサイトマップ サイトマップの送信 はてなブログにはもともとサイトマップファイルが存在していて、/robots.txtファイルによってGoogleに送信されています。 はてなブログでのサイトマップの重要性 はてなブログでサイトマップは自動で作成され…

【見本あり】javaScriptでリストをドラッグスクロールする「jQueryプラグイン」 - オプションでエンドレススクロールも可能 | listmousedragscroll.js

JavaScript(js)でマウスドラッグスクロール(mouse drag scroll)が可能なリストを実現する【listmousedragscroll.js】スマートフォンのようになぞるようにしてスクロールができるjQueryPluginです。一行でマウスドラッグによるスクロールが可能なリストが実現…

【手順あり】はてなブログのカテゴリー・パンくずをコピペで簡単に階層化表示にする「スマホも簡単」 | はてなブログカスタマイズ | 階層化カテゴリー

当記事は、はてなブログのカテゴリーを階層化するためのカスタマイズ情報です。当記事のScriptを設置し、記事のカテゴリーを当記事に記してあるように階層化することで、カテゴリーモジュールとパンくずリストを階層化することができます。 はてなブログのカ…

はてなブログで【目次】をサイドバーに表示する方法 | はてなブログカスタマイズ

今回のはてなブログカスタマイズは、記事の目次をサイドバーにも表示するものです。記事のよこに目次を置くことで読んでいるところを把握することができ、記事が読みやすくなります。記事が長い場合に効果的です。記事の目次を表示するには、記事編集画面で…

【Jade】記述方法-HTMLの書き方との違いをまとめました。id,class,属性など | jade(pug)の記述方法

当記事では、Jadeの初歩的な記述方法についてHTMLと比べながらまとめていきます。 Jadeとは Jadeの記述方法 基本的な構文(基本的な書き方) 例1 例2 例3 Jadeとは Jade は JST (JavaScript Templates) の一つであり、HTML を書くための軽量マークアップ言…

【HTML】継承されたファイル文字コードをUnicodeに変更するとheadの中身がなくなる問題の対処法

今回は、extendsで継承しているHTMLファイルの継承部分がすべて<body>内に含まれてしまう問題とその対処方法を記した記事になります。 // 問題の要因 extendsで継承されているhtmlファイル(詳しく言うとJadeファイル)に、日本語を含めて保存したときファイル文字コ</body>…

【JS】ドラッグアンドドロップでHTML要素の位置を移動させる | jQuery | JavaScript ... jQuery拡張(プラグイン)

ドラッグでHTML要素の位置を移動させるmousemove(touchmove)イベントを使って、HTML要素のドラッグによる位置の移動を実装します。※ブラウザによっては正常に動作しない可能性があります。移動可能にする...移動不可能にする(クラスの切り替え)...jQuery 拡…