レスポンシブWebデザイン対応のシンプルなイベントカレンダーを実装出来るスクリプト・「monthly.js」
monthly.js monthly.jsはシンプルなイベントカレンダー実装の為のスクリプトです。jQueryに依存しています。レスポンシブWebデザインにも対応しており、デイトピッカーとして利用する事も可能となっています。少し触って...
Resource - jQuery
シンプルなスプレッドシート実装の為のスクリプト・「ipgrid」
ipgrid ipgridはシンプルなスプレッドシート実装の為のスクリプトです。jQueryに依存しています。Googleスプレッドシートのように扱えるそうですが、まだ関数はいくつかしかテストしていませんのでクローンと言えるかどうかは...
オープンソースのシンプルなモックアップ作成ツール・「QuickMockup」
QuickMockup QuickMockupはシンプルなモックアップ作成ツールです。Webサービスとしてではなく、あくまでオープンソースソフトウェアとして公開されていますのでフォントやエレメントは変更しないとアレな感じです。とは言え...
モダンブラウザ向けのjQuery代替な軽量スクリプト・「cash」
cash cashはモダンブラウザ向けのjQuery代替スクリプトです。と言っても100％代替を目指すつもりは無いようで、あくまで軽量さを保ちつつ、ある程度jQueryで出来ることをカバーしていく、というもののようですね。cashのコ...
CSSのフィルターを手軽に扱えるようにするスクリプト・「Philter」
Philter PhilterはCSSのfilterを手軽にコントロールできるようにする為のスクリプトです。jQuery版とvanilla.JS版があります。CSSを書かずとも、例えばdata-philter-grayscale="1...
Githubで公開されているjQueryのプラグインと詳細をまとめている・「jQuery Cards」
jQuery Cards jQuery CardsはGithubで公開されているjQueryのプラグインと詳細をまとめているWebサイトです。詳細はREADME.md等を引っ張ってきてるみたいです。また、全てではありませんが、動作デモ...
SVGで世界地図を作成する為のスクリプト・「World Map Generator」
World Map Generator World Map GeneratorはSVGで世界地図を作成する際にサポートしてくれるスクリプトです。jQueryに依存しています。各国へのリンクや、その地域のタイムゾーンを取得する事が出来る...
パズルを利用したCAPTCHA実装の為のスクリプト・「PuzzleCAPTCHA.js」
PuzzleCAPTCHA.js PuzzleCAPTCHA.jsはパズルを利用したCAPTCHA実装の為のスクリプトです。jQueryに依存しているようです。パズルと言っても実際にパズルを解くのではなく、同じ絵柄を選択する、というだ...
Webサイトに任意のユーザー用のショートカットキーを設定できるスクリプト・「visualKeys」
visualKeys See the Pen PPxEdN by kachibito (@kachibito) on CodePen. visualKeysはWebサイトに任意のショートカットキーを手軽に割り当てられるスクリプト...
SVGのパスをアニメーションにする為のシンプルなスクリプト・「jQuery DrawSVG」
jQuery DrawSVG jQuery DrawSVGはSVGのpathにアニメーションエフェクトを付与する為のスクリプトです。jQueryに依存しています。書いたpathにstroke-dasharrayプロパティとstroke...
任意の画像をプログレスバーにする為のスクリプト・「LoadGo」
LoadGo LoadGoは任意の画像をプログレスバーにする為のスクリプトです。jQueryに依存しています。上図のようなロゴを使ったプログレスバーを実装する事が出来ます。手軽で良さそうですね。ライセンスはMIT。 LoadGo
WebサイトへのGoogle Mapの埋め込みをサポートするスクリプト・「MAPIT」
MAPIT MAPITはWebサイトへのGoogle Mapの埋め込みをサポートするシンプルなスクリプトです。jQueryに依存しています。Google Mapのスタイルのカスタマイズやルート表示、ピンの変更など、面倒な部分を手軽に変...
画像に自動で透かしを付与するスクリプト・「Watermark」
Watermark Watermarkは画像に自動で透かしを付与するスクリプトです。jQueryに依存しています。透かしはHTML5とJSで処理され、任意の画像やテキストの選択及びそのスタイル、透かしを入れる場所の設定が可能です。わざ...
JavaScriptやPython、コマンドラインの使い方等を無料で学べる学習サイト・「Codecademy」
Codecademy Codecademyは対話形式でコードを学べる学習サイトです。無料で利用可能で、学習項目はHTMLやCSS、JavaScriptからPHPやRuby、Pythonの他、コマンドラインの使い方まで揃えられています。...
HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」
EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...
PCやスマフォ、タブレット等のモックアップ作成用ライブラリ・「DeviceMock.js」
DeviceMock.js DeviceMock.jsはモックアップ作成の為のスクリプトです。jQueryに依存しています。PCやスマフォ、タブレット等で閲覧した際のSSをユーザーに見せたい時に、みたいなやつ。わざわざJS使う必要無い...
モバイルフレンドリーなショッピングカートを構築するライブラリ・「addUI Store」
addUI Store addUI Storeはモバイルフレンドリーなショッピングカートを構築する為のスクリプトです。jQueryに依存しています。基本的な使い的だけでなく、チェックアウトやセキュリテイ面のドキュメントも用意されていま...
イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」
Layout Balancer Layout Balancerはイメージギャラリー等でよく使われているグリッドレイアウトで、アイテムの数に関係なく幅を揃えてくれるスクリプトです。jQueryに依存しています。語彙が乏しいのでうまく...
複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」
Javascript Library Generator Javascript Library Generatorは複数のJSライブラリをひとまとめにして圧縮してくれるパッケージツールです。数多のライブラリを選択してダウンロードするだ...
jQueryを使わずに～したい、を調べられる逆引きリファレンス・「Plain JavaScript」
Plain JavaScript Plain JavaScriptはjQueryを使わずにDOM操作等を行う方法を調べることが出来る逆引きリファレンスサイトです。jQueryはJavaScriptに詳しくなくても容易にDOM操作を可能...
ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」
Jquery sortable lists Jquery sortable listsはツリー構造のリストのアイテムをドラッグで自由にソートできるスクリプトです。アイテム単体に限らず、ネストされたリストごと任意の他リストへ移動する事が...
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」
jsGrid jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計...