JavaScript -"jQuery"

jQueryプラグインのLettering.jsをVanillaに変換

Result See the Pen JjKbdmE by kachibito (@kachibito) on CodePen. CSS-TricksのChris氏が開発した、文字装飾ライブラリはjQueryプラグイン...

BootstrapベースでVueやReact、jQuery、Angularなど様々なライブラリに対応可能の、大量のコンポーネントを含んだダッシュボード/管理画面テンプレート・「Airframe」

Airframe AirframeはBootstrapベースのダッシュボードテンプレートです。BootstrapVueやng-bootstrapなどを使う事でVueやAngularなど様々なライブラリに対応できるとのことです。 ...

jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」

femtoJS femtoJSはjQueryライクな構文でDOM操作を行うために開発された超軽量JavaScript(ES6)ライブラリです。たった20行、圧縮すると0.4kb程度のライブラリで、以下のように概ねjQueryと同じ書き...

簡易的なDOM操作をjQueryライクに行える超軽量ライブラリ・「nanoJS」

nanoJS nanoJSは簡単なDOM操作をjQueryライクに行える軽量ライブラリです。同じような構文でDOMを操作する事が出来る、というもので完全互換ではありませんが、非圧縮で100行ほど、圧縮すると0.6kbほどになると超軽量...

Animate.cssをサポートしてくれるスクリプト・「jquery.animator.js」

jquery.animator.js jquery.animator.jsはAnimate.cssをサポートしてくれるスクリプトです。jQueryに依存します。Animate.css導入の際、使い方をもう少し手軽にしてくれる、というも...

編集可能のシンプルなtableを実装するスクリプト・「jquery-fulltable」

jquery-fulltable jquery-fulltableは編集可能のシンプルなtableを実装できるスクリプトです。jQueryに依存します。編集ボタンを押すと編集可能になる、行を追加できる、というシンプルな機能のみになりま...

縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」

jquery.stickyTableHeader jquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。...

jQueryライクに使えるシンプルで軽量なDOM操作ライブラリ・「stuQuery」

stuQuery stuQueryはjQueryライクに使えるシンプルで軽量なDOM操作用ライブラリです。DOM操作の為だけにjQueryを初め、サイズの大きいライブラリを使うのに抵抗があったため作成したそうです。コンフリクトを避ける...

Vimeoの動画を背景に設定する為のスクリプト・「jQuery.mb.vimeo_player」

jQuery.mb.vimeo_player jQuery.mb.vimeo_playerはVimeoの動画を背景に設定する為のスクリプトです。jQueryに依存します。背景にするというか、背景にした動画のコントロールが主な目的ですね...

タイムテーブルのような時間表を作成出来るjQueryプラグイン・「jQuery Skeduler Plugin」

jQuery Skeduler Plugin jQuery Skeduler Pluginは上図のようなタイムテーブル、時間表を作成できるスクリプトです。jQueryに依存しています。CSSと要素を用意してデータをセットすればいいみた...

任意のコンテキストメニューを実装できるスクリプト・「jQuery Menu」

jQuery Menu jQuery Menuは任意のコンテキストメニューを実装する為のスクリプトです。jQueryに依存します。特定のエリアで右クリックすると事前に設定したメニューが表示される、というもの。ライセンスはMITです。 ...

段落毎に設置した画像を、その段落が終わるまで固定させるスクリプト・「jquery-stopattop」

jquery-stopattop jquery-stopattopは段落毎に設置した画像を、段落がスクロールし終わるまで固定させるスクリプトです。ちょっと僕の説明が下手でピンとこないと思いますので動作サンプルを用意しました。名前の通り...

ランダムにパスワードを生成するスクリプト・「jquery.passwordGenerator」

jquery.passwordGenerator See the Pen jQuery Password Generator by kachibito (@kachibito) on CodePen. jquery.passwo...

jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」

Selector SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうか...

HTML5やjQuery、React など様々な言語やライブラリのboilerplateをキュレーションしている・「BOILRPLATE」

BOILRPLATE BOILRPLATEは様々な言語やライブラリのboilerplateを収集しているキュレーションページです。様々といっても底まで多くなく、HTML5、Go、React、node.js、AndroidやElectr...

SVGを使ったプログレスバーを実装出来るスクリプト・「jQuery-svg-progress」

jQuery-svg-progress jQuery-svg-progressはSVGを使ったプログレスバーを実装出来るスクリプトです。jQueryに依存します。SVGなのである程度自由にカスタマイズできる点が魅力ですね。モニター幅の...

SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」

jquery.sharebox jquery.shareboxはSNSのシェアボタンを手軽に設置できるスクリプトです。名前のとおり、jQueryに依存しています。スクリプトとCSSを読み込んで空の要素を設置すればそのページに対応したシ...

SVGを背景に使ったポップアップを実装するスクリプト・「jQuery-svg-popup」

jQuery-svg-popup jQuery-svg-popupはSVGを背景に使ったユニークなポップアップ実装スクリプトです。jQueryに依存します。画像のようにボタンを押すとSVGで作った背景がアニメーションで表示、コンテンツ...

高度なイベントカレンダーアプリの為のjQueryプラグイン・「FullCalendar」

FullCalendar FullCalendarは高度なイベントカレンダーアプリを実装出来るjQueryプラグインです。jQueryUIも使用可能、Googleカレンダーにも対応しています。多言語化も済んでおり、日本語ファイルも用意...

画像をアップロードする前にロード、プレビューするjQueryスクリプト・「LoadImg」

LoadImg See the Pen QGENKq by kachibito (@kachibito) on CodePen. LoadImgは画像をアップロードする前にプレビューするスクリプトです。jQueryに依存します。上デ...

jQueryとBootstrapで作るシンプルなスケジューラー・「pit-scheduler」

pit-scheduler pit-schedulerはjQueryとBootstrapで作るスケジューラーです。横長のカレンダーに蛍光ペンで引くようにスケジュールを設定、管理出来る、というもの。現状の仕様ではタスクの設定はちょっぴり...

Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」

jQuery Bootgrid jQuery BootgridはBootstrap上でのtableを多機能にするスクリプトです。jQueryに依存します。thにカスタムデータ属性を与える必要がありますが、tableをthの内容毎にソー...