タグ

jQueryとjqueryに関するiR3のブックマーク (380)

  • 眠る開発屋blog|最新オンラインカジノのニューカジノ情報

    もしもこの世から「残業」が完全になくなったら 3年ぐらい前に読んだを思い出した。 1980−90年代の話ですが、残業について、 「時間外・休日労働の弾力的運用が我が国の労使慣行の下で雇用維持の機能をはたしている」(1985年労働基準法研究会報告)とか、「我が国の労働慣行の実情に合うような上限設定が可能かどうか定かでない」(1992年同報告)と、雇用維持の為のコストとして恒常的な長時間労働を是認する考え方が主流でした。 需要の低下に応じて、生産水準を下げなくてはならなくなっても、バッファがあるから解雇せずに大丈夫でしょ、という。。。 まぁ、 ところが、その後、労働法政策が内部労働市場の雇用維持から外部労働市場における移動促進に徐々にシフトしていったにもかかわらず、この長時間労働哲学には疑問が呈されないまま21世紀に至っているのです。 と著者は問題視しているわけだけど。 話変わって、最近友人

    iR3
    iR3 2012/04/28
  • jQuery UI Effects - Easing demo

    All easings provided by jQuery UI are drawn above, using a HTML canvas element. Click a diagram to see the easing in action.

    iR3
    iR3 2012/04/25
    easingの動作を現すグラフ一覧
  • jQuery公式のテンプレートplugin 「jQuery Templates」

    jQuery公式のテンプレートplugin 「jQuery Templates」 Check Tweet 配布元:jquery’s jquery-tmpl at master – GitHub リファレンス:jQuery Templates jQueryプロジェクトからいくつかの公式プラグインが公開されました。そのひとつが「jQuery Templates」。これはJavaScriptで利用できるテンプレートエンジンです。 利用方法 エントリー執筆時点ではGitHubからダウンロードして利用できますが、jQuery 1.5からはjQuery体に組み込まれ、プラグインなしで利用することが出来ます。(体への組み込みは延期されました)また、MicrosoftのCDNでも公開されていますので次のような記述で読み込むことも可能です。 <script type="text/javascript"

    iR3
    iR3 2012/04/25
    Microsoft提案なんですね。
  • jQueryでTwitter検索作った - 納豆には卵を入れる派です。

    できるフリして実はできないjQueryをそろそろ何とかしないとと思って、昨夜急に勉強がてらjQueryだけで動くTwitter検索を作ってみた…わけなんだけど特に需要はなさそうだなこれ。まぁいいか…。 つゐったー検索(GitHub) APIはsearch.twitterの方のAPIを使ってみた。Twitter体のAPIより機能はだいぶ少ないが作りが単純なので、私のようなajax初心者が何か試してみるにはよいと思う。しかし、取得IDが体に比べて下一桁だけ微妙にズレてたりとか割とダメダメです。 モバイル用にしたいわけでもなかったんだけど、気づいたらiPhone用っぽいデザインになってた。モバイルファーストや。また木目調とか言うなヽ(`Д´)ノ <script type="text/javascript"> $(function(){ $("form").submit(function(){

    jQueryでTwitter検索作った - 納豆には卵を入れる派です。
    iR3
    iR3 2012/04/16
  • フォームのデザインをスタイリッシュにするjQueryプラグイン9種類 | wdflow

    オンラインショップ・ウェブサービスで見かけるアプリケーションのようなUIや、便利な入力支援機能の実装に一役買いそうなjQueryのプラグインをまとめてみました。 個人的には入力したテキストのタグ化とオートコンプリート機能がセットになっているTextExtは、機会があればぜひ使ってみたいと思います。すこし前のプラグインも混じってますが実装しやすく実用性の高いものばかりだと思います。 TextExt ワードをタグに成形してくれる機能とオートコンプリートがセットになってます。さらに入力エリアにはドロップダウンが生成され、あらかじめ設定したワードをこちらから選択してタグを生成することも可能です。デモではAjaxからワードを呼び出しています。 なお、それぞれの機能はモジュール化されているようでダウンロードする時にオプションで使いたい機能を選択できます。

    iR3
    iR3 2012/04/05
  • Skitter

    30以上のアニメーションにプログレスバーの追加など多機能スライドショーSkitterが当にすごい!導入方法など 公開日:2012年3月19日 カテゴリ:Web制作が捗るツール ぱくたそのトップページでも利用しているjQueryスライドショー"Skitter"が新しくなりましたよ。30種類以上のアニメーションにプログレスバーまで実装され『もうFLASHやめてこれでいいんじゃね?』的な高機能っぷりです。今回は導入方法とアニメーションのサンプルを動画にてUPしておきました。参考になったらGrow!してね。w Skitter - Slideshow for anytime! Skitterを導入してWEBサイトをカッコよく魅せよう どこのWEBサイトもトップページに綺麗な写真をスライドショーさせるスタイルは定着しているけれど、未だにFlash使っていたり、フェードだけの画像切り替えで動きがなかっ

    Skitter
    iR3
    iR3 2012/03/19
  • Webデザイナーのための jQuery入門 サンプルコード

    サンプルファイルのご利用の前に サンプルファイルについて、一般的な環境においては特に問題のないことを確認しておりますが、万一障害が発生し、その結果いかなる損害が生じたとしても、技術評論社および著者はなんら責任を負うものではありません。また生じた損害に対する一切の保証をいたしかねます。必ずご自身の判断と責任においてご利用ください。 また、サンプルファイルは、写真、イラスト等の画像ファイルを除き、商用利用、再配布が可能です。 それぞれのファイルは、著作権法上の保護を受けています。 jQueryファイル(jquery-1.6.4.min.js)はMIT/GPLのデュアルライセンスにて配布されています。 Chapter5のColorboxはMITライセンスにて配布されています(書籍の264ページ参照)。 ダウンロードしていただくファイルは、ZIP形式の圧縮ファイルです(約3MB)。解凍してお使いく

    iR3
    iR3 2012/03/17
  • jQueryでなくてもいいんだけどね - せかにゃ~

    久しぶりのエントリー。 最新版は、以下を参照してください(2014/11/09更新) Enter/Tab項目移動とFunctionKey制御 jqKeyプラグイン更新 - せかにゃ~ 若い人にはわからないが、未だ死滅していないオンラインシステムを利用しているユーザは、[Enter]で次の入力項目に移動するという文化があります。 [Tab]で移動してくれればいいのだけど、年寄はわがままで融通が利かない・・・ そこでjQueryを使って実現してみました。 実はTabキーでの移動も問題があります。 ブラウザのツールバーにフォーカスが移動したり、タブブラウザでは、フォーカスが表示画面から外れてしまいます。 その辺の対応も含めて以下参照 動作サンプルWinのIE8とFirefox3.5のみ確認 var d = document; $(function(){ //===================

    jQueryでなくてもいいんだけどね - せかにゃ~
    iR3
    iR3 2012/03/09
  • Enter/Tab項目移動とFunctionKey制御をplugin化 - せかにゃ~

    Enter/Tab項目移動とFunctionKey制御 jqKeyプラグイン更新 - せかにゃ~ 以下の内容は古くなりましたので、上記記事を参照してください。 一つにまとめてみました。 以前作成したものは、一部間違ってるかも。こちらを参照してください。 機能 Enter、Tabでのフォーム移動 Functionキー制御・・・・・・Fキー押下時の関数登録可能です。 [BackSpace]キーでのページ遷移抑制 OPTION Enter true/false Tab true/false F1〜F12,ESC function(object,shiftKey,ctrlKey,altKey){} object キー押下時のオブジェクト shiftKey shiftKeyの状態:true/false trlKey ctrlKeyの状態:true/false altKey altkeyの状態:tru

    Enter/Tab項目移動とFunctionKey制御をplugin化 - せかにゃ~
    iR3
    iR3 2012/03/09
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    iR3
    iR3 2012/02/25
  • モダンなJSライブラリのディレクトリ構成まとめ - CODESCRIBBLE

    JavaScriptプロジェクトを新しく作るにあたってディレクトリ構成をどうするか悩んだので、オープンソースのライブラリなどを参考にすることに。ということで、モダンなJavaScriptライブラリ・フレームワークのディレクトリ構成をまとめてみました。 モダンと言ってはいますが、全然モダンじゃないライブラリも混ざってるかもしれないです。 jQuery jquery ├── build │   └── lib ├── speed ├── src │   ├── ajax │   └── sizzle └── test ├── data │   ├── offset │   ├── selector │   └── support ├── qunit └── unit jQuery Mobile jquery-mobile ├── build ├── css │   ├── structure

    モダンなJSライブラリのディレクトリ構成まとめ - CODESCRIBBLE
  • 簡易的なカルーセル - かちびと.net

    Result jQuery function next() { //300pxスライドさせる $('#in').animate({marginLeft: '-300px'}, 600, function() { var reStart = $('#in div:first').detach(); $('#in').css('marginLeft', '0px').append(reStart); }); } detach()はremove()とは動作が異なる。 css #out { width:300px; height: 100px; overflow:hidden; } #in{ width: 1200px; } a{color:#4f4742; margin:15px;} #in div { float:left; width: 300px; height: 100px; backg

    簡易的なカルーセル - かちびと.net
    iR3
    iR3 2012/02/21
  • オーバーレイなどのブレンドモード効果を与えられる「jQuery Blend Modes」 – creamu

    これはすごい、かも。オーバーレイなどのブレンドモード効果を与えられるjQueryプラグインです。 マウスオーバーすると画像が変化します。 オーバーレイ効果 焼き込み効果 $7で配布中のようです。 jQuery Blend Modes

    iR3
    iR3 2012/02/21
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    iR3
    iR3 2012/02/06
  • RailsでjQueryでjsonを取得 - mryreplicantの日記

    $(function(){ $("#hoge").click(getData); }); function getData(){ $("#hoge").empty(); $.ajax({ scriptCharset: 'urf-8', type:"GET", data: { }, url: "ajax_json", success: function(data){ $("#hoge").append(data['model名']['属性名']); } }); } んでcontrollerの方は def ajax_json model = Model.find(1)) render :json => model end こんな感じ

    RailsでjQueryでjsonを取得 - mryreplicantの日記
  • Rails で JSON な view を使う方法

    ちょっとひっかかったのでメモ。 jquery の treeview で動的にツリーを構築する場合は JSON 形式でデータを返さなければならない。 そんなときに使用する方法。 treeview の構築はこんな感じで。 jQuery("#ulid").treeview({ url: "<%= url_for(:controller => 'foo', :action => 'tree', :format => 'json') %>", ajax: { data:{"authenticity_token": token}, type: "post" } })

  • jQuery in Action, 2nd Edition, Code Examples

    Chapter 1 Radio Group Example Listing 1.1 (DOM addition example) Chapter 2 jQuery Selectors Lab Listing 2.1 (new image example) jQuery Operations Lab Chapter 3 Zebra Stripes Example Dynamic Dimensions Example Move and Copy Lab Chapter 4 DOM Level 0 Events Example DOM Level 0 Propagation Example DOM Level 2 Events Example DOM Level 2 Propagation Example jQuery Event Model Example Toggle Handlers Ex

    iR3
    iR3 2012/01/20
    これは素晴らしい jQueryのサンプル!
  • jQuery in Action, Second Edition

    jQuery in Action, Second Edition is a fast-paced introduction to jQuery that will take your JavaScript programming to the next level. An in-depth rewrite of the bestselling first edition, this edition provides deep and practical coverage of the latest jQuery and jQuery UI releases. The book's unique "lab pages" anchor the explanation of each new concept in a practical example. You'll learn how to

    jQuery in Action, Second Edition
    iR3
    iR3 2012/01/20
  • jQueryを使ったタブメニューの実装サンプルまとめ

    **追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日! 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 文にhtmlを追加。 [html] タブ1 タブ2

    jQueryを使ったタブメニューの実装サンプルまとめ
    iR3
    iR3 2012/01/16
  • jQuery Deferred: JavaScriptメモ

    jQuery DeferredはjQuery1.5から追加された機能。名前の通りDeferred(繰延)についての制御が可能。 Deferredメソッド 単純にDeferredオブジェクトを生成するにはDeferredメソッドを実行する。 var obj = $.Deferred(); それ以外でもアニメーション系のメソッドやAjax系のメソッドがDeferredオブジェクトを返すようになっている。 var obj = $("#hoge").animated(....) var obj = $.ajax(....) thenメソッドとresolveメソッド Deferredオブジェクトは遅延を制御します。Deferredオブジェクトにthenメソッドを利用して遅延して行いたい処理を実装します。設定しておいた処理はresolveメソッド実行時に処理されます。 var obj = $.Defe

    iR3
    iR3 2012/01/14