注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

uilangやAlpine.js等にインスパイアされた、簡単なDOM操作を手軽に行える超軽量スクリプト・「Fluor.js」


Fluor.js


Fluor.jsはちょっとしたDOM操作を手軽に行える超軽量スクリプトです。uilangAlpine.js等にインスパイアされたそう

classの付与/除去やクリックイベント、トグルなどなど需要の高そうな操作を簡単なコードで可能にしてくれます

というわけでためしに使ってみました

Sample

クリックイベントの動作サンプルです。学習コストが殆どなさそうなのが良さげでした

<script type="module" src="//cdn.jsdelivr.net/npm/fluor@latest/dist/fluor.min.js"></script>

スクリプトを読み込みます。(※まだβというか実験段階らしいのでCDNを使う場合はバージョンに気を付けてください)

つぎにコードを書くんですが、<script type="fluor">というようにtype=”fluorを追加します

<script type="fluor"> setup("clicks", 0) on("click", "button", set("clicks", n => n + 1)) </script>

上のサンプルではクリックイベントを設定してあります

他いろいろ機能揃えられています。ユーティリティライブラリとして十分機能してくれそうですね。とても軽量で他ライブラリへの依存もないので使いやすい印象です

ライセンスの明記はGithubにはありませんでしたがjsDelivrにはMITとの明記がありました。不安なら開発者に尋ねてみてください

Fluor.js

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG