Demo jQuery Knob canvas based ; no png or jpg sprites. touch, mouse and mousewheel, keyboard events implemented. downward compatible ; overloads an input element. Example <input type="text" value="75" class="dial"> <script> $(function() { $(".dial").knob(); }); </script> Options Options are provided as attributes ‘data-option’: <input type="text" class="dial" data-min="-50" data-max="50"> … or in

JSGraphsはデータ可視化の為のJSライブラリをまとめているWebサイトです。左カラムの各項目でライブラリをJquery依存のもの、無償利用可能なもの、SVGを使ったもの等に絞ることが可能です。SSにマウスホバーすれば該当のライブラリのプロジェクトサイト、ダウンロードページ、動作サンプルページへのリンクが表示される、というシンプルなもの。目的から探せて良いですね。 JSGraphs

Examples - jQuery Bootgrid BootstrapベースのクールなグリッドUI実装「jQuery Bootgrid」 次のような使いやすそうなデザインのグリッドをBootstrap上で実現したい場合に使えそうなjQueryプラグイン。 ソートやページネーションページネーションアド基本的な機能はそろっています。 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 フリーのBootstrapテーマが満載「Bootstrap Zero」 お手軽に使えるBootstrapベースのオートコンプリート実装jQueryプラグイン「completer」 Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 Bootstrapなサイトでの通知に使えるレスポンシブなjQueryプラグイン「PNoti

ご存知、Webブラウザ用の軽量なJavaScriptライブラリ「jQuery」(ジェイクエリー)。これを使うと、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようになります。 このjQuery、オープンソースソフトウェア(OSS)として提供されていますが、ライセンスを確認したことがありますか？そして、それをどんなふうに確認しましたか? 先日、「自作ソースコードに、MITライセンスを適用する３つのやり方」という記事を書いたところ、けっこう多くの人に読んで頂けました。ライセンスの適用方法が、よく分からないという人が、まだまだいるってことだと思いますが、これって、そもそもOSSのライセンスがどのように適用されているか、きちんと実例を見ていない可能性が高いんじゃないかと考えました。そこで、今回は、jQueryを題材にライセンスの確認方法を解説します。 手間のかからない方法からは

Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games - no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have crea

Learn how to create a collapsible sidebar layout, saving preference using cookies. View the final example Download all examples Requirements My approach includes using jQuery along with the jQuery Cookie plugin for remembering whether the sidebar should be collapsed or not. These files are used in examples related to this article. jQuery 1.4.2 jQuery Cookie 1.0 (rename to jquery.cookie.js) Note: D

SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc

最近のブラウザには標準搭載されているハイライト（強調表示）機能。 入力した検索キーワードの背景が黄色くなるアレです。 jQueryをつかって似たような事ができるプラグインはこちら http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html 使い方はjQueryらしく、いたってシンプル。 まずは、ハイライト時のスタイルを定義してあげる。 この際のクラス名は「highlight」固定らしい 。 まぁ、ハイライトっていったら背景色黄色でしょ、って事で、こんな感じ

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. Download (v1.13.14) Getting Started Quick start Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.

jQuery plugin for Google Maps - initmap.js 素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」 HTML5 Geolocation, Markers API等扱えて、スクリプト自体は1.7KBと超軽量。 Googleマップ使ってみたいけどなんか難しそうという方は参考にしてみるとよさそう。 地図を表示したい場合は以下のように超絶簡単。 関連エントリ WebGLを使った3Dマップ描画エンジン「Cesium」 ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」

Welcome! This is a live preview of jQuery UI Bootstrap - a project we started to bring the beauty of Twitter Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually. Download stable (v0.5) Download Latest (dev) This theme's support