タグ

jQueryに関するhideki_aのブックマーク (101)

  • jQuery Boilerplate - jQuery Plugin Registry

    Suddenly you come across the idea of ​​wanting to make a web page, but then a new word comes your way that you may not know. The plugins. What? It turns out that as soon as you see her you are scared, but calm down. It is nothing that complicated, and it turns out that they are quite an important tool when it comes to making your website. In fact, there are some essential plugins for a web page, s

  • jQuery visibility test · jsPerf

    JavaScript performance comparison Test case created by Sam Korn on 2011-4-14 Preparation code <div id='foo'>foo</div> <div id='bar'>bar</div><script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> var foo = $('#foo').hide(), bar = $('#bar'); $.fn.isVisible = function() { return $.expr.filters.visible(this[0]); }; </script> Preparation code output

    hideki_a
    hideki_a 2012/08/03
    要素の可視/不可視判定
  • Transit - CSS transitions and transformations for jQuery

    Upgrading notes Upgrading from an older version? Transit should be mostly backward-compatible. See the change log for notes. Development version You may also download the development version which has spaces and comments preserved. Curious to see how it's made? See the annotated source code!

    hideki_a
    hideki_a 2012/06/28
    CSS3 TransitionをjQueryで容易に利用可能にするプラグイン
  • 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の日記
    hideki_a
    hideki_a 2012/04/10
    ちょっとした勘違いがあったので参考になった。
  • jQueryのDeferredオブジェクトについて調べてみた - AOEの日記

    はじめに 最近になって jQuery に Deferred Object と呼ばれるものが追加されたことを知りました。バージョン1.5から追加になったようです。 ここのところ色々な場面で非同期処理と付き合うことが多かったこともあって調べてみたのですが、中々嬉しい機能を持っているやつであることが判明したので、調べた内容についてまとめてみました。 非同期処理は結構書きにくい jQuery Deferred オブジェクトは非同期処理を書きやすくするために用意されたものです。でも何でそんなものが追加されたのでしょうか? 非同期処理は複雑になってくると書きにくいものです。Ajaxリクエストを例に挙げてみます。 $.ajax({ url: "serviceA.json", success: function(data) { // リクエストが成功したときの処理 }, error: function(x

    hideki_a
    hideki_a 2012/03/29
    Deferredオブジェクトについて。.pipe()が便利。takazudoさんのとあわせて読みたい。
  • jQuery.ui.domwindow - ThickBoxみたいなやつ

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / AjaxかIframeかなんかしらのコンテンツを擬似ダイアログに出すやつを書いた。 gitHub - Takazudo/jQuery.ui.domwindowなんの素っ気も無いダイアログなんだけれども、なんの素っ気も無いダイアログが欲しかったので書いた。ダイアログのスクリプトはそりゃー山のように世の中には存在するんだけれども、実際に仕事で使う時には、素敵な見た目とか全然いらないことが多いし、そんでもってAPIも柔軟に用意されてないと困るんだよなーと思うことが多かったので、そんな時に便利かもしれない。 今までそういう時は、自分は、DOM window っていうライブラリをよく使っていたんだけれど

    jQuery.ui.domwindow - ThickBoxみたいなやつ
  • jQuery Mobileで簡単に自分のオリジナルテーマカラーを作成できるThemeRollerの使い方 – bl6.jp

    jQuery Mobileにはテーマがいくつかあり、そのテーマを変えることで簡単にカラーデザインを変更しちゃったりすることができます。で、これを簡単にオリジナルのテーマにしたい場合はjQuery Mobileの公式サイトにあるThemeRollerというツールを使うことで手軽に作成できます。以下、簡単な使い方です。 [ads_center] 以下のURLからアクセスできます。 ThemeRoller | jQuery Mobile アクセスすると、「Welcome to ThemeRoller for jQuery Mobile」とでるので、「Get Rolling」をクリックしてスタートします。 A、B、Cというテーマがあります。とりあえずAのテーマを変更していこうかと思います。ちなみにテーマをもっと増やしたい場合は左メニューにあるタブパネルの + をクリックすると追加できます。 テーマ

    jQuery Mobileで簡単に自分のオリジナルテーマカラーを作成できるThemeRollerの使い方 – bl6.jp
  • From jQuery to JavaScript: A Reference | Envato Tuts+

    Whether we like it or not, more and more developers are being introduced to the world of JavaScript through jQuery first. In many ways, these newcomers are the lucky ones. They have access to a plethora of new JavaScript APIs, which make the process of DOM traversal (something that many folks depend on jQuery for) considerably easier. Unfortunately, they don't know about these APIs! In this articl

    From jQuery to JavaScript: A Reference | Envato Tuts+
    hideki_a
    hideki_a 2012/01/20
    JavaScriptの基本だけど、読んでてちょっと面白かった。
  • Edit in placeエディタを実装するEIP :: 5509

    シンプルで使いやすいEdit in placeエディタを。 EIPは指定の要素にEdit in placeエディタ機能を付加します。データの保持はカスタムデータ属性で行い、コールバック関数を呼べるためある程度自由にデータのやりとりができます。 EIPのサンプル ダウンロード Githubから 使い方 jQueryとeip.js、eip.cssを読み込みます。 次にHTMLを用意します。このとき、HTMLにはdata-eipが必須です。実行対象はdivでもspanというか何でも大丈夫ですが、display: block指定がされているか、ブロック要素がいいと思います。(※data-eipについては後述

    hideki_a
    hideki_a 2012/01/14
    編集したい箇所がフィールドとなり、データ入力が可能になるプラグイン。
  • Slicebox – A fresh 3D image slider with graceful fallback | Codrops

    Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don’t support the new properties. With the CSS 3D Transforms we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create t

    Slicebox – A fresh 3D image slider with graceful fallback | Codrops
    hideki_a
    hideki_a 2012/01/05
    3Dエフェクトで写真が切り替わるようになるjQueryプラグイン。CSS3 3D transformations非対応の場合はフォールバック—横スクロールで写真が切り替わる。
  • jQuery.ui.checks

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + /

    jQuery.ui.checks
    hideki_a
    hideki_a 2011/12/23
    チェックボックス・ラジオボタンをカスタマイズ可能にする
  • 使いやすいセレクトボックスを実装できる jqselectable.js :: 5509

    3年くらい前に最初のバージョンを作ったjQselectableをほぼ全て書き直しました。書きなおす流れで以前のものと互換性がなくなってしまったので、新しいものとして公開します。 jqselectable のサンプル 5509/jQselectable – GitHub 使い方 実行する前に ファイルをgithubからダウンロードして、CSS/JSファイルを読み込んでおきます。 jQueryプラグインなので、jQueryも読みこんでおきます。推奨は一応最新バージョンです。 CSSは jqselectable/style の中に selectable natural xp と3つ入っているので好きなものを選んでください。自分で書いても大丈夫です。そのときはgithubからpullリクエストください。 実行する ready関数は必要に応じて使ってください。 jQuery(function($){

  • jQueryのセレクタを自作して遊ぶ :: 5509

    なんかうんこって書いてあるdivがたくさんありました、と。後から気づいたんですけど、これdiv要らないですね。pだけでいい・・・でJSとしてはセレクタの記述をのぞけば jQuery("div:unkomorimori").css("background", "#89640d"); これだけです。:unkomorimoriの基準は対象要素内で「うんこ」が3回以上出てくるかどうかです。出てきた要素だけを返します。ちなみにfilterでやった場合はこんな感じ。 カスタムセレクタを使う利点は、何回も同じfilter書くときとか、めんどいんでじゃあセレクタでやりましょうか、ってなる感じですね。気をつけないといけないのは、今回の書き方は全てのdiv要素の中身を文字列で取得した上で、正規表現使って「うんこ」を探してるんですけど、処理的にはうんこだけにくそ重いっていう点ですね。うまく落ちたところで、あ、う

    hideki_a
    hideki_a 2011/12/07
    "「:unkomorimori」っていうセレクタを作ってみようっていうそういう話です。"
  • fancyBox

    Fancybox #Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. Supports images, videos, maps, inline content, iframes and any other HTML content. This is the fifth generation of Fancybox. Both Carousel and Panzoom components are used under the hood and that's what makes this project so unique. In addition, Fancybox is ea

    hideki_a
    hideki_a 2011/12/06
    いわゆるライトボックス系プラグインのfancyBoxがVer.2になってパワーアップ。ただし、商用は有料に。
  • 「jQueryは大きすぎる」との声に対応、jQueryをモジュラー化、小型化するプロジェクト「jquip」 | OSDN Magazine

    jQueryをより小さく、軽量に、モジュラー化することを目指し、「jquip」というプロジェクトが立ち上がった。コア部分である「xjquip.js」ファイルのサイズはミニファイ・圧縮後で4.28KBと小さく、これはjQueryの13%というコンパクトさだという。サイズは小さいもののjQueryの持つ機能の90%を実装、さらにプラグインを追加することでそれ以外の機能も利用できる。 jquipは「jQuery in parts」の略で、「必要なものだけを取り入れる」というコンセプトを持つ。米国在住の開発者、Demis Bellot氏とJey Balachandran氏が始めたプロジェクトとなる。肥大化するjQueryに対し、コードベースの再構成やよりいっそうのモジュラー化のためのフィードバックを送ることを目的にしているとのこと。ライセンスはMIT License。 jquipは$()セレクタや

    hideki_a
    hideki_a 2011/11/23
    期待。
  • Learn to Code - for Free | Codecademy

    Get personalized job listings and practice interview questions

    Learn to Code - for Free | Codecademy
    hideki_a
    hideki_a 2011/11/17
    プログラミングの学習ができるっぽい。
  • Ben Alman » jQuery BBQ » Examples » hashchange » jQuery UI Tabs

    hideki_a
    hideki_a 2011/11/15
    jQuery UI Tabsの場合のハッシュチェンジ対応例。すっきりしたコードだな。
  • jQuery1.7で追加された$.Callbacks

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / コレは何か?コールバック集めてまとめて発火させたり削除したりダブって登録されたりしないようにしてくれるやつ。ちょっと便利なオブザーバーだけど、jQuery内部のコードでオブザーバー的な動きをしていたのがこれにより抽象化された風。詳しくは以下を見るべき。(この記事を書いてる時点ではjQuery1.7 beta2) Demystifying jQuery 1.7′s $.Callbacks自分はこういう単純なオブザーバーをつくるとき、$({}) を作ってこいつにカスタムイベントをbindしてtriggerしてみたいなことをしてたので、同じようなことをしてた人はあーそういうやつねと思うかもしれないで

    jQuery1.7で追加された$.Callbacks
    hideki_a
    hideki_a 2011/10/22
    "コールバック集めてまとめて発火させたり削除したりダブって登録されたりしないようにしてくれるやつ"
  • サイドメニューなどを一定の範囲でのみ position:fixed させる jQuery Ex Flex Fixed - Cyokodog :: Diary

    更新履歴 2012-04-27 Ver 0.2.0 再実装し、もろもろ痒いとこを解消しました。詳しくは下記エントリをどうぞ。 一定範囲で position:fixed させる Ex Flex Fixed がかゆいとこだらけだったので作り直しました 2012-02-09 Ver 0.1.3.1 Firefox の場合、watchPosition パラメータ が true でスクロール状態で画面更新すると固定位置がずれる不具合を修正しました。 IE の場合、水平方向非固定処理が有効にならないケースがある不具合を修正しました。 2011-12-31 Ver 0.1.3 固定表示する要素の位置が変化するケースにも対応しました。Demo 2011-11-05 Ver 0.1.2 IEで、固定表示する要素のmarginがautoの場合、正しく処理されない不具合を修正しました 2011-10-06 Ve

    サイドメニューなどを一定の範囲でのみ position:fixed させる jQuery Ex Flex Fixed - Cyokodog :: Diary
    hideki_a
    hideki_a 2011/10/20
    例えば、コンテンツエリア内をスクロールしているときだけサイドメニューを一定位置に固定するといった時に。
  • jquery-ui-swipable - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    hideki_a
    hideki_a 2011/09/27
    iPhone,iPadでスワイプイベントを実現。