軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」
Trumbowyg TrumbowygはjQuery依存のWYSIWYGエディタです。軽量且つ高速な動作を目指したそうです。HTML5もサポートされており、カスタマイズ性にも優れているようですね。他言語化もされており、日本の有志が本プ...
Resource - jQuery
大量のjQueryプラグインと、その使い方等をコレクションしている・「jQueryScript.Net」
jQueryScript.Net jQueryScript.NetはjQueryのプラグインをコレクションしているWebサイトです。プラグインだけでなく、その使用方法やライセンス、ファイルサイズ等を簡単に紹介しています。今更感が否めな...
書いたテキストに背景画像を適応させるスクリプト・「TextHoler.js」
TextHoler.js TextHoler.jsは書いたテキストに上記のように背景画像を適応させる為のスクリプトです。jQueryに依存しています。指定された要素にCSSを加えるだけのシンプルなものなので手軽でいいですね。とは言え、...
Canvasベースのグラフを描けるjQueryスクリプト・「Flot」
Flot FlotはCanvasを使ったチャートを実装する為のライブラリです。jQueryに依存しています。上図のようなシンプルなグラフに限らず様々なビジュアルのグラフに対応することが可能です。グラフのリアルタイムアップデートにも対応...
CSVをパースする為のスクリプト・「Papa Parse」
Papa Parse Papa ParseはCSVをパースするためのJavaScriptです。大きなファイルサイズにも対応可能でCSV⇔JSONでコンバートしてくれます。他、ローカルファイルを開ける、区切り文字の自動検出等が特徴として...
動画のように表現出来るコンテンツスライダー・「Jquery Image Player」
Jquery Image Player Jquery Image Playerはコンテンツを動画のように再生して連続表示出来るJSスライダーです。jQueryに依存しています。上図のように、HTMLで書かれたテキストや画像等が含まれた...
jPlayerとBootstrap併用でiTunes検索を実装する為のスクリプト・「iTunes Search」
iTunes Search iTunes SearchはjPlayerとBootstrap併用で、その場で視聴可能なiTunes検索を実装する為のスクリプトです。jQueryに依存しています。検索はSearch APIからjsonでデ...
tableに書いたデータをGoogle Chartを使ってグラフ化する為のスクリプト・「Chartinator」
Chartinator Chartinatorはtableに書いたデータをGoogle Chartでグラフ化する為のスクリプトです。jQueryに依存しています。既存のtable要素に書かれたデータを可視化出来るのでユーザビリティの改...
アニメーションエフェクトのパターンと、その実装コードをコレクションしている・「AniCollection」
AniCollection AniCollectionはよく見かけるアニメーションエフェクトと、そのエフェクトを実装する為のコードをコレクションしているWebサイトです。各エレメントにマウスホバーするとエフェクトを見ることが出来ます。...
Webサイトを様々なデバイスに対応させる為の軽量なjQueryプラグイン・「Restive.JS」
Restive.JS Restive.JSはWebサイトを様々なデバイスに対応させるためのスクリプトです。デバイスを検出してbody要素にclassを加える、任意のサイズでブレークポイントを作成する、任意のDOM要素のみにclassを...
jQueryを使った100のテクニックとサンプルコードを一括配布している・「jQuery Trickshots」
jQuery Trickshots jQuery TrickshotsはjQueryを使った100のテクニックとそのサンプルを配布するプロジェクトです。週1で届くTutorialzineのニュースレターを購読する事でダウンロード出来る...
様々なシーンに対応可能なスマフォ対応のコンテンツスライダー・「Swiper」
Swiper Swiperは様々なシーンに対応可能なコンテンツスライダーです。スライダーのネスト化やカルーセル、3Dな遷移エフェクトなどの設定が可能でスマフォでのフリック操作にも対応しています。また、マウスホイール対応、オートプレイ化...
HighCharts.jsとjqueryでtableをグラフ化するスクリプト・「jQuery HighchartTable」
jQuery HighchartTable jQuery HighchartTableはHighCharts.jsとjqueryを使ってHTMLで書いたtableのデータを自動でグラフにしてくれるスクリプトです。既存のtableにカス...
可愛らしいスタイルの日付ピッカーを実装するスクリプト・「DATEDROPPER」
DATEDROPPER DATEDROPPERは可愛らしいスタイルの日付ピッカーを実装するためのスクリプトです。jQueryに依存しています。よく見かける日付ピッカーはその月のカレンダーから選択するスタイルがほぼ定番ですが、こちらはス...
ページ遷移にアニメーションエフェクトを付加するスクリプト・「Animsition」
Animsition Animsitionはページ遷移時にアニメーションエフェクトを加える事ができるJavaScriptです。jQueryに依存しています。エフェクトのセッティングはカスタムデータ属性で出来るので手軽に導入できそうです...
シングルページ向けのWebサイト他言語化スクリプト・「jquery.localizationTool.js」
jquery.localizationTool.js jquery.localizationTool.jsはWebサイトを多言語化する為のスクリプトです。jQueryに依存しています。シングルページ向け、というのは、本スクリプトがAP...
Markdown記法をテキストに変換するjQueryのスクリプト・「jQuery.Markdown.js」
jQuery.Markdown.js jQuery.Markdown.jsはMarkdown記法で書かれたコードをテキストに変換するスクリプトです。jQueryに依存しています。シンプルで使い勝手も良さそうですね。日本の方が作成、公開...
Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」
FAQtoid FAQtoidはWebサイトに様々なヘルプ機能を追加するためのスクリプトです。jQueryに依存しています。動画や開閉式のFAQ、送信フォームやWebサイトツアーを、モーダルウィンドウ内に複数収めることが可能で、モーダ...
モバイルやモダンブラウザ向けに、jQueryやzepto.jsの代替として作られた軽量ライブラリ・「laroux.js」
laroux.js laroux.jsはモバイルやモダンブラウザ向けに作られたjQuery、zepto.jsの代替ライブラリです。コアは非圧縮でも2.8kbと軽量で、Ajaxやアニメーション、データの取得等、やりたい事があればその都度...
WufooライクなD&D対応のフォームビルダーをjQuery+HTML5で構築出来る・「Wufoo style jQuery and HTML5 form builder」
Wufoo style jQuery and HTML5 form builder Wufoo style jQuery and HTML5 form builderはWufooライクなフォーム作成ツールを実装出来るスクリプトです。追...
ドラッグ&ドロップにも対応のBootstrap向けWYSIWYGエディタ・「Azexo-Composer-WYSIWYG」
Azexo-Composer-WYSIWYG Azexo-Composer-WYSIWYGはD&Dによるコンテンツの配置変更等も可能なBootstrap向けのWYSIWYGエディタです。jQueryに依存しています。JSの動作やCSS...
フロントエンド開発の為のコンポーネント集・「FORMSTONE」
FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...