タグ

jqueryに関するtaky1973のブックマーク (127)

  • 2013年予定のjQuery 2.0、IE8以下はサポート廃止の方針

    2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が公開されたばかり。ブログによると、この先のロードマップは次のように説明されています。 jQuery 1.9 (early 2013) 1.8で使用されなくなったインターフェイスの多くを削除。そのうちのいくつかはプラグインか代替APIでサポートされる。 jQuery 1.9.x (ongoing in 2013 and beyond) 継続してバグフィクスを行う。 jQuery 2.0 (early 2013, not long after 1.9)

    2013年予定のjQuery 2.0、IE8以下はサポート廃止の方針
  • フォームで離脱させないためのjQueryプラグイン50選|designaholic -Creative Column-

    最近では、エントリーフォーム最適化(EFO)という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。   まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと   入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。   です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。   必須入力か

  • http://www.designwalker.com/2010/06/jquery-forms.html

    http://www.designwalker.com/2010/06/jquery-forms.html
    taky1973
    taky1973 2012/08/02
    jQuery、フォーム用プラグイン色々まとめ
  • ドラッグ&ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」:phpspot開発日誌

    ドラッグ&ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」 2012年07月19日- Nestable ドラッグ&ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」。 次のような綺麗なリストを下位の海藻までドラッグ&ドロップで自由に移動できる所がポイント。 jQuery使っているとはいえ一から実装すると大変そうですが、簡単に実現できてしまいます。 折りたたみも可能です 階層データをJSONで吐き出すこともでき、データの保存も簡単。またそのデータを元にツリーの描画も可能ということで便利。 関連エントリ ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 ページめくりを実現するためのjQueryプラグイン集 レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 アイテムを浮遊

  • jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ

    jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ&ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット(アコーディオン、日付入力、ダイアログ、スライダー、タブなど) 今回は、jQuery UIのドラッグ&ドロップ機能

    jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ
  • jQueryではじめるAjax:第2回 jQueryによるAjax実装|gihyo.jp … 技術評論社

    第1回ではJSONPによるAjax実装を取り上げましたが、今回はそこで使ったJSONという表記法と、JSONPというAjax実装手法について解説します。また、jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに? JSONとは、JavaScript Object Notationの略称です。ECMAScript言語 ECMA-262をベースに作られた、Javascriptオブジェクトの表記法のサブセットです。 JSONは、名前と値のペア、および、順序付きの値という2つのシンプルな構造に基づいて、構造化データを簡潔に表現することができます。 オブジェクト(名前と値のペアの集まり) JSONでオブジェクトを表現するには、メンバを「{」と「}」で囲みます。複数のメンバは「,」で区切られます。例えば、名前が「color⁠」⁠、値が「green」というメンバを持つオブジェク

    jQueryではじめるAjax:第2回 jQueryによるAjax実装|gihyo.jp … 技術評論社
    taky1973
    taky1973 2012/07/12
    jQuery x jsonでYouTubeのデータを引っ張ってくる
  • jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記

    jQueryのイベント記述方法はいくつかあり、大雑把におさらいしたのが以下の3パターンです。 まず一番基的なのが $("a").click(fn) や $("a").bind('click', fn) です。click(fn)はbind('click', fn)の省略形です。 次にjQuery1.3で $("a").live("click", fn) という機能が出来ました。liveの良いところはDOM操作で出たり消えたりするエレメントに対して再バインド無しでイベント定義ができる利便性と、内部的にはbind個所がdocumentの1か所になり複数個所へのbindが無くなることによるメモリ効率と実効速度の向上です。 更にjQuery1.4.2で $("#foo").delegate("a", "click", fn) という書き方が出来るようになりました。これは特定要素以下に限定するliv

    jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記
  • ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌

    gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風

  • テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳

    料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました! jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。 行の絞り込みや文字列検索などかなり高機能になっています。 jExpand 表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。 Fixed Header Tables ヘッダーを固定して表示します。Excelでは良く使いますね。 縦に長い表を使う場合に非常に便利です。 treeTable テーブルの中にツリー構造を実装できます。 Flex

    テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳
  • jQueryによる要素の存在チェックまとめ

    jQueryによる要素の存在チェックまとめです。 jQueryを実行する際、「$(selector)」が成功してjQueryオブジェクトが生成されたことを判断したいケースがあるかと思います。なかったらすいません。 ということで、jQueryで要素(jQueryオブジェクト)が1つでも存在することをチェックする方法を調べてみました。実際に動かした結果でまとめてます。 サンプルはscript要素で括ってますが、必要に応じて「$(function(){ ... });」などで括ってください。間違った情報・表現等がありましたら適宜修正しますのでご指摘ください。 1.$(selector)[0] 「$(selector)」で生成されるjQueryオブジェクトは配列のように扱える(配列の基メソッドが使える訳ではない)ので、0番目の要素をチェックすることで存在チェックを行えます。 <script> i

    jQueryによる要素の存在チェックまとめ
  • グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト! - Shinichi Nishikawa's

    グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト! 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画

    グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト! - Shinichi Nishikawa's
  • curtain.js/readme.md at master · Victa/curtain.js

    taky1973
    taky1973 2012/05/14
    jQueryプラグイン。ページめくり効果
  • [JS]jQueryのプラグイン100選 -2011年総集編

    2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連

  • fleXcroll: Cross Browser Custom ScrollBar script by Hesido

    FleXcroll, Flexible and Accessible Custom Scroll Bars A Cross Browser* and Standards Compliant Custom ScrollBar Script by Hesido featuring touch scroll for iPhone Safari updated on 05.06.2016; Switched to FastSpring for payment. updated on 03.02.2013; version 2.1.1, fleXcroll overhaul for click, touchmove and keyboard event handling with many bugfixes and new styling elements for easier customizat

    taky1973
    taky1973 2012/05/08
    iphone,iPadでもスクロールバーの実装を可能にする(本来はスクロールバー出ず2本指でスクロールというわかりにくさ)
  • jQuery.flickable: iPhone and Android like flick scrolling plugin

    See related links to what you are looking for.

    taky1973
    taky1973 2012/05/08
    iPhone, Androidでフリック操作に。jQuery1.6以降では要修正(Ryuta.K氏、WKOUJI氏、C++氏のコメント欄参照して直す or http://app.orange-soft.jp/2011/08/jq1/
  • jQueryスニペット | かちびと.net

    Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources. Links About/Privacy Policy Contact X(Twitter) Facebook

    jQueryスニペット | かちびと.net
  • 公海555000kk线路检测—首页(欢迎您)

    公海555000kk线路检测—首页(欢迎您) 404! Page is Not Found ! 返回首页 XML 地图 | Sitemap 地图

    taky1973
    taky1973 2012/04/26
    「有名サイトでの採用実績などがあると、ライブラリも選定しやすい」…たしかに。こういう記事はありがたい。でも迷うなー
  • スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン:phpspot開発日誌

    jQuery Mobile Autocomplete now available - andy matthews スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン。 スマホではアプリなんかでよく見られるオートコンプリートですが、スマホ用WEBサイトにこれを組み込みたいといった場合にこれが使えそうです。 デザインも良い感じですね 関連エントリ jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」 Android風の日付ピッカー実装用jQueryMobileウィジェット「Mobi Pick」 スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ

  • jPages

    What does it do? jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load. Apart from all its features, the main diference for the other pagination plugins

    taky1973
    taky1973 2012/04/13
    指定要素群をページネーションにできるjQueryプラグイン。これは使える。アニメーションは http://daneden.me/animate/ を参照
  • 会社ロゴマーク デザインアーカイブ

    Captcha security check laquu.com is for sale Please prove you're not a robot View Price Processing

    会社ロゴマーク デザインアーカイブ
    taky1973
    taky1973 2012/04/05
    24の機能のセット。アコーディオン、ドロップダウン、タブ、ツールチップ、ストライプ他