jQuery Migrate pluginを使ってみる。 | バシャログ。
痩せないとコートが入らないことに気づいたfukasawaです。こんにちは。 冬が来る前に痩せないと凍死してしまいます。 jQuery Migrate pluginは、jQueryのバージョン差異によって発生する問題を解決する為のjQueryプラグインです。「jQueryのバージョンを上げたら動かなくなった…！」という場合に修正箇所を教えてくれたり、廃止されたAPIを復元して動くようにしてくれたりします。 個人的に使った事が無かったので、使い方について簡単に調べてみました。 jQuery Migrate できること ① 廃止されたAPIを使おうとしたり、挙動が変わった機能を使おうとした際に、ブラウザのコンソールに警告を出力する 開発版（Development version）のjQuery Migrateを使用する jQueryのversion 1.6.4以降を使用していること ② 廃止され
[JS]不可視のDOMをコントロールしてUIを拡張するスクリプト -Shadow UI
tooltip ツールチップ Shadow UIの使い方 Step 1: 外部ファイル まずは、ベースとしてhead内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <script src="/shadow-ui/assets/js/jquery.js"></script> <script src="/shadow-ui/js/shadow.js"></script> スタイルシートはベースとなるファイルとそれぞれ用のファイルが用意されています。 <link rel="stylesheet" href="/shadow-ui/assets/css/main.css"> <link rel="stylesheet" href="/shadow-ui/css/ui.css"> <link rel="stylesheet" href="/shadow-ui/css/ui-dr
jQuery：よく使用される機能をまとめて実装できるプラグイン - NxWorld
スムーススクロール・タブ切り替え・ロールオーバー・アコーディオンなどといった、サイト制作時によく使われる機能をまとめて実装することができるjQueryプラグインのまとめです。 予め使用する機能がはっきりわかっていれば、こういった便利なものを使用することでファイルの散乱も防げますし、管理もしやすくなりますね。 紹介するプラグインの中には必要な機能だけを選択してダウンロードできたりもします。 yuga.js web制作を優雅にするために作られたjQueryプラグインで、7種類の機能が実装されています。 ライセンスはMIT Licenseで、ライセンスに従う限り許可なく自由に使用できるそうです。 機能 ロールオーバー 現在のページをハイライト表示 外部リンクを別ウインドウで開く 画像をthickboxで表示（thickbox.jsを使用） スムーススクロール タブ機能 CSS3の擬似クラスをクラ
iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」:phpspot開発日誌
acolangelo/jPanelMenu GitHub iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 左上をクリックでメニューが表示されるアレです。他にも同様のライブラリはありますが、比較検討の要素としてご紹介しておきます。 スマホのサイトであれば、このUIは親和性が高く、スマホのメニューを作る場合は素直にこうしたライブラリを採用してサクっと作っちゃったほうがよいのかも。 関連エントリ レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 3D Transformsを使った次世代の3Dサイドメニュー実装スクリプト「Meny」 コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 ページを下に引っ張ると更新されるiPhone風UIを提供するjQueryプラグイン「Hoo
【Javascript】jQuery Core 1.9 Upgrade Guideの翻訳というか解説 | Wood-Roots:blog
jQuery1.9がリリースされました。 以前から告知されているとおりいくつかのメソッドの廃止や仕様変更などがあり、従来の記述方法では問題が起きる可能性もあるようです。おそらく動かなくなるプラグインも多く出てくるのではないかと思います。 そこで事前に問題点などを把握できるように、以前のバージョンのjQueryを使っていてバージョンアップを考えている方向けにjQuery Core 1.9 Upgrade Guideというアップグレード時の注意や新バージョンの仕様についてのドキュメントが用意されています。 私も新しいjQueryの使用を検討している一人なので、英語が得意というわけでもないのですががんばって読んで簡単ではありますが解説としてまとめました（完全な翻訳ではなく、概要を自分なりにまとめたものです）。まとめたのは Changes of Note in jQuery 1.9 という章になり
[JS]1.9から仕様が大きく変わったjQueryの複数のバージョンでのテストを簡単にできるスクリプト -version.js
jQueryは1.9から大きく仕様がかわり、プラグイン開発者やウェブ制作者は今まで以上に各バージョンの互換性に苦労するようになりました。 たった一行加えるだけで、jQueryの複数のバージョンでのプラグインやウェブサイトの動作テストを簡単にできるスクリプトを紹介します。 ※jQuery以外のスクリプトにも対応しています。 デモページ version.jsの使い方 使い方は簡単！ テストページに一行加えるだけです。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="version.js" data-url="google" data-lib="jquery" data-ver="1.5.0"></script> Step 2: スクリプトの実行 あとはjQueryのバージョンをパラメータに付与し、ページをロードするだけです。 http://
HTML5のCanvas図形をクリッカブルにするjQueryプラグイン ClickableCanvas - ウィザード・コード | WIZARD-CODE
ClickableCanvasの概要 jQuery ClickableCanvasは、HTML5のグラフィック機能であるCanvasで描かれた図形に、一部のマウスイベントをバインドするjQueryのプラグインです。 図形にマウスを合わせたり、図形をクリックしたタイミングでDOMイベントのようにコールバック関数を呼び出すことができます。 Internet Explorerはバージョン8までCanvas要素に対応していないものの、FlashCanvasやExplorerCanvas、 uuCanvas.jsをページ内で呼び出すことで同等の機能を持たせることができます。 jQuery Clickable Canvas バージョン２を公開しています。詳しくはこちらのデモページへ！ 10/11/18 Canvas機能をInternet Explorerで実現するライブラリFlashCanvasに対応
New JavaScript UI Library
I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I've been using your grid on a couple of small projects and I've got to say it's an awesome piece of work. It's very easy to configure and offers a lot of features while staying really responsive. As a programmer it inspires me to write better code.
ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」:phpspot開発日誌
ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」 2013年02月12日- Overview - jQuery Rondell ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」。 次のように、カルーセルやスライダー等、様々な画像ギャラリーのUIを実現することができます。 多機能だけじゃなくて、カッコいいところもいいです。サンプルサイトがBootstrapベースですが、Bootstrapベースのサイトに入れても違和感なく埋め込めるでしょう。 カルーセル スライダー スクローラー サムネイル付きギャラリー。動きもいい感じ 関連エントリ ブラウザ上でまるで美術館。3Dイメージギャラリーデモ 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン サムネイルがシャッフルされてク
jQuery入門 (ver 1.2.6)
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.6を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。
米Stripe、JavaScriptで決済の全てを完了できる 「jQuery.payment」をリリース 【増田 @maskin】 | TechWave（テックウェーブ）
決済サービスを展開する米「Stripe」は2013年2月7日、ポピュラーなJavaScript用ライブラリ (プログラム郡がパッケージされたもの)「jQuery」と連携して仕様できる決済ライブラリ「jQuery.payment」をリリースしたと発表した。 「Stripe」は、面倒で時間のかかる決済機能の導入について、どこよりも簡単に実装できるAPIを提供する企業。大手決済サービスを展開する米PayPal 創業者や、大手有力VCから投資を受けるなど注目をあびている。 今回リリースされた「jQuery.payment」を使えば、数行のJavaScriptコードだけで決済機能を導入することができるようになる。 冒頭のスナップショットは、実際に「jQuery.payment」を使ってドネーションを受けられるようにしたサイト。決済者は面倒なユーザー登録作業などをする必要なく、この画面から利用すること
タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。 タッチデバイスで使えるLightboxです。 見易くていいかも。CSSでカスタマイズできるらしいのでMedia Queriesを使うだけで対応できるなら楽でいいかも。 スマフォのスクショです。 $(".foo").swipebox(); 使い方はいつも通り。 <a href="big/bar.jpg" class="foo" title="My Caption"> <img src="small/bar.jpg" alt="image"> </a> マー
テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン１０:phpspot開発日誌
10 jQuery Plugins to Enhance Your Web Typography テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン１０がまとまっています。 これらを覚えておけば、分かりやすさを向上させたり、画像オーサリングツールなしでデザイン性の高いサイトを作れそうです。 一昔前なら、全部画像という感じの物がjQueryプラグインで実現できるあたりは素晴らしい テキストでなく、画像であることで、プラットフォームによって崩れることは防げるメリットもあるので、シーンによって使い分けしたいところですね。 関連エントリ jQuery＆CSS3でここまで出来るタイポグラフィエフェクトのサンプル集
ページの一番上へ、を簡単に実装できるjQueryプラグイン「ScrollUp」:phpspot開発日誌
scrollUp jQuery plugin ページの一番上へ、を簡単に実装できるjQueryプラグイン「ScrollUp」 ページ内をスクロールすると出てくる、あの「一番上へ」ボタンを容易に実装できるプラグインです。 ページトップにいる時はなくて、スクロールすると表示されます。方式が、色々とカスタマイズでき、CSSカスタマイズでUIも自由に変えられます スタイルだけではなく、挙動についてのカスタマイズも容易 関連エントリ コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 Amebaっピグっぽい物が作れるjQueryプラグイン「pp3Diso」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 jQueryでブレ
ソーシャルサービスのアイコン表示にインパクトをつけよう·socialShare/socialProfiles MOONGIFT
socialShare/socialProfilesはフローティングでソーシャルサービスのボタンを表示するjQueryプラグインです。 ソーシャルボタンの配置は今やどんなWebサイトにおいても当たり前の存在になっています。だからこそ次はいかに他とは違う実装を行うかが肝になります。そこで注目したいのがsocialShare/socialProfilesです。 最初はこんな表示。赤い文字をクリックします。 シェアするためのサービスが浮かび上がります。格好いい！ しかもレスポンシブです。 こちらはフォロー系のサービス。 シェア系サービス一覧。 全て並べると結構長いです。 socialShare/socialProfilesはクリックすると背景をぼかして、各種ソーシャルボタンが浮かび上がるように配置されるのが特徴です。記事の共有、サイト全体や著者のフォローなどで使ってみると面白いソフトウェアです。
ページ内に埋め込めるカスタマイズ可能な表計算テーブル·Handsontable MOONGIFT
HandsontableはjQuery製の小さな表計算風ソフトウェアです。 Webブラウザ上で表計算を行えるサービスは増えてきましたが、大抵全画面で表示されるものです。Handsontableはごく小さなグリッドをページ内部に埋め込んで使えるソフトウェアです。 こんな感じで簡易的な表が描けます。 選択したグリッドをコピーできます。 選択から入力もできます。 バリデーションや入力値の変換もできます。 行の削除やカラムの非表示などのアクションを追加します。 コンテクストメニュー。 コンテストメニューのカスタマイズも可能です。 リードオンリーなセル。 HandsontableはJSONでデータを定義します。データは編集も可能で、Ajaxを使うこともできるのでユーザビリティ高い編集画面を提供できます。ごく小さなマスタ編集を行ったりするのにぴったりではないでしょうか。 HandsontableはjQ
吹き出し風にポップアップするツールバー実装jQueryプラグイン「Toolbar.js」:phpspot開発日誌
Toolbar.js - jQuery plugin to create tooltip style toobars 吹き出し風にポップアップするツールバー実装jQueryプラグイン「Toolbar.js」 次のように、初期化位置にカーソルを合わせるとポップアップするツールバーを設定でき、そこからアクションを選べます。 ありそうであまり無かったプラグインかもしれませんね。 縦バージョンにもできます これは便利に使えそう 関連エントリ UIがカッコいいオートコンプリート実装jQueryプラグイン「Ajax AutoComplete」 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「Par
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
maxmackie.com - maxmackie リソースおよび情報
jQuery Mobile例文辞典 (1.3.0β) [jQuery Mobile example]