大量のjQueryプラグインと、その使い方等をコレクションしている・「jQueryScript.Net」jQueryScript.NetはjQueryのプラグインをコレクションしているWebサイトです。プラグインだけでなく、その使用方法やライセンス、ファイルサイズ等を簡単に紹介しています。今更感が否めない情報ではありますが、結構な量が収集されているので覚えておいて損は無さそうです。 jQueryScript.Net
alert()のダイアログのスタイルを変更するスクリプト・SweetAlert
alert()で出せるダイアログのスタイルを変更する為のスクリプトのご紹介。シンプルな発想で素敵ですね。尚、本スクリプトはjQueryに依存しています。 alert()で出せるダイアログのスタイルを変更しよう、というスクリプトです。 確かに普通にアラート出すよりいいかもしれません。 <script src="jquery.js"></script> <script src="sweet-alert.min.js"></script>コアとSweetAlertを読み込みます。 $('.foo').click(function(){ swal({ title: "アラートです！", text: "メッセージがココに入ります", imageUrl: 'http://placehold.it/500x500', confirmButtonText: '了解！', confirmButtonColo
viewport内に入ったら処理を実行させられるjQueryプラグイン「isInViewport」:phpspot開発日誌
zeusdeux/isInViewport GitHub viewport内に入ったら処理を実行させられるjQueryプラグイン「isInViewport」 プラグインを利用すると in-viewport という擬似セレクタを使えて、viewportに入った時に特定の処理を実行させることができるみたい。 スクロールに連動させて表示・アニメーション等、何か処理をやりたいという場合にシンプルに実現できそうです。 関連エントリ スクロール後、ナビゲーションをページトップに固定するjQueryプラグイン「stickUp」 完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」 スクロールが使いやすいカレンダーピッカー実装jQueryプラグイン「continuous-calendar」 フルページスクロールするサイトを作るのに使える「fullPage.js」
radioボタンをかっちょいいスライダーにしてくれるjQueryプラグイン「radiosToSlider」:phpspot開発日誌
jquery plugin radio buttons to slider. radioボタンをかっちょいいスライダーにしてくれるjQueryプラグイン「radiosToSlider」 radioボタンの羅列を次のようにフラットでスタイリッシュにしてくれます。 これはなかなか使えそうですね 関連エントリ クールなニュースティッカーを実装できるjQueryプラグイン「Advanced News Ticker」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」 レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 リッチなガントチャートのエディタを実装できるjQuery「Gantt
スクロールに合わせて次々とコンテンツを読み込むjQueryプラグインのまとめ
ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹介したいと思います。 Mark Holton | Web Application Development スクロールに合わせて新たなコンテンツを読み込む機能を中心に、12種類のプラグインがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 jQuery Scroll Path | a Hint of Creative スクロールに合わせて次々と文字を出現させ
jQueryでツールチップを自作＆カスタマイズして表示させてみるサンプル - 感謝のプログラミング
ツールチップって？ ツールチップとは、補足情報を表示するための吹き出しのこと。 何か注意書きをするときに、カーソルを当てたときにフワッと浮き出る感じになる。 サンプルの画像のイメージはこんな感じ。 サンプルコード まずは、プラグイン風にツールチップの機能を作るJavaScript。 mytooltip.jsとする。 $.fn.myToolTip = function(options) { var toolTip = $('<div id="myToolTip"></div>').hide(); $('body').append(toolTip); $(this).filter(function() { return this.title || this.alt; }).each(function() { var self = $(this); var target = this.title
ページ上のブロック要素の高さを揃えるjQueryプラグイン4選まとめ｜BLACKFLAG
Webページ作成時にリストやdivなど連続したブロック要素を並べた際に 中の要素量によって高さがまちまちになってしまった場合 個々の高さを揃えるのはCSSだけだと何かと面倒だったりします。 Webページ内に並べられたブロック要素の高さを揃えるjQueryプラグインは多々ありますが、 ここ最近新たに話題になった高さを揃えるプラグインもいくつかあったので 自分用メモとしてまとめて4つほど紹介してみます。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 – to-R レスポンシブWebデザインに対応した「jquery.heightLine.js」 – to-R 言わずと知れた「to-R」さんの「jquery.heightLine.js」ですが 先日バージョンアップによってレスポンシブ対応され 今まで以上に便利なものになりました。 オプションでは ————————
CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」:phpspot開発日誌
jQuery Custombox :: dixso.net CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」 モーダルダイアログ自体のデザインは至って普通なんですが、出てくる際のエフェクトが豊富で一見の価値ありです エフェクト以外にも、イベントハンドラの設定やカスタマイズ項目が豊富で使いやすそうです 関連エントリ シンプル＆軽量なモーダルダイアログ実装jQueryプラグイン「portBox」 フラットで美しいデザインのモーダルダイアログ実装ライブラリ「vex」 フラットだけど立体的なCSS3アニメーション付モーダルダイアログ実装デモ 何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」 フラットでカッコいいモーダルダイアログ実装デモ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンド開発の為のコンポーネント集・「FORMSTONE」
OS標準のツリービューが実装できるjQueryプラグイン「fancytree」:phpspot開発日誌