slickの、シンプルなサンプル。 headタグ内に記述。 slickの使い方は一般的なスライダーと同様。 まずはjQuery本体とslickのJSと、slickのCSSを読み込む。 HTML <script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity=&qu...

CSS & JSによるマーカー。 サイトにちょっとしたアクセントが欲しいとき、使い回しが効くマーカーがあると便利だ。 汎用性があるのでスニペットとして使える。 グラデーション付きの、動きのあるマーカー。 ざっくりと、３ステップでOK。 CSSで、マーカーの見た目と動きを作成。（class名「highlight」） JavaScriptで、スクロー...

Codeのコピーボタン追加のWordPressプラグイン。 意外としっくりくる感じのものが見つからなかった。 ネット上でよく見る、コードをコピーできるボタンをWordPressのプラグインなどで実装しようとしたところ、なかなか見つからなかった。 「Copy Anything to Clipboard」や「highlight.js」、「prism.js」はうまくいか...

jQueryの読み込みは、bodyの閉じタグの前じゃない。 jQueryはどこに書くか？ なんとなくjQueryの読み込みは、bodyの閉じタグの直前に書いた方が良いと言われている。 ただし、盲目的にbodyの閉じタグの前に書く、というのはやめておいた方が無難だ。 jQueryはどこに書くか？という疑問を持つのなら、開発者に沿った使い方、he...