Intersection Observerを使ったTOC

TOC(Table of Contents)についてちょっとサンプルを作ってみました。 とは言いつつも、自分で何かしらしたことはたいしてないのですが、htmlで単純に書いたサイトにスクロールを監視して見出しを書き出したリストに現在どの位置に…

In JavaScript

簡易ギターコード移調プログラム(令和バージョン2)

Up to .txt[PlainText(UTF8)] D&D | tap/click to read local files …

In jQuery

Table of contents(自力で)導入しました

自力でなんて大層なことを言ってますが、こんなものは簡単に考えたらものすごく簡単なものなのです。 難しく考えるなら、例えばULとかOLとかの親の下にLIを作って、そこに見出しを入れていくと考えるとこれは案外考える所が多いのはわかりま…

In jQuery

ギターを弾き語れ！のカテゴリー内リンクを実装しました。

ちょこちょこと見直して表現がおかしい部分とか、説明が足りないとか間違っているのに 気がついたら 直してたりしてるのですが、デスクトップとかタブレットぐらいならある程度、画面表示幅があるので多少長い記事でもトップにはすぐ戻れたり、あるいは下…

In jQuery

任意の画像を画面上部に固定する機能(要手動設定)を追加しました。

スマホのような縦長の画面では、PCなら説明文章の時に見えている画像もその文章が長くなると画像が画面外に押しやられ、どの画像かをスクロールし直して探さなくてはいけないので、文章中に手動でspanクラスを入れて、 [FIX] と表示させ、ここをタッ…

In jQuery

やってみたら意外とできるもんですね。脚注の機能をつけました。

前に、 アルペジオ の練習用のページを投稿したわけですが、その中で脚注があったことに気が付きまして、急遽プラグインか何か良さげなものはなかろうかと探していたのですが、探すのが逆に面倒になって自分で作ってみました。 簡単なのは、何かしらのクラス…

In jQuery

生年月日をタグで囲んでクラスをつけるだけで年齢を自動計算

2年前ぐらいに作ったものですがこんなのがあったので貼っておこうかと思います。 よくブログで芸能人や著名人の生年月日と年齢を書いてある記事がありますが、そのまま書くと年齢は投稿した時のままですが、今はいくつなんだろう？って時があります。 そんな時…

In jQuery