一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
Redirecting…
Redirecting… Click here if you are not redirected.
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
jQuery Validate plugin conditional required field
I'm having an issue with the jQuery validate plugin. I have a set of 3 radio buttons, if either of the first two are selected, the user is shown an extra select input on the form, if the third is selected, nothing happens. I want to user to be required to select something from the additional select input if they choose either option 1 or 2 from the radio button set. I've written the code for the f
Select2 3.5.3
The Basics Select2 can take a regular select box like this: and turns it into: with support for quick option filtering via a search box. Example Code <head> <link href="select2.css" rel="stylesheet"/> <script src="select2.js"></script> <script> $(document).ready(function() { $("#e1").select2(); }); </script> </head> <body> <select id="e1"> <option value="AL">Alabama</option> ... <option value="WY"
jQuery Validation Plugin | Form validation with jQuery
This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
jQueryのDeferredをかじってみた - Mitsu.log();
2012-06-23 jQueryのDeferredをかじってみた 設定系のJSONやら素材やらをXHRで複数読み込むのはいいものの、思うような順番で非同期処理を実行しようとするとなんか超入れ子になる！これ、なんとかならんもんかなぁと思ってたんですが、jQueryのDeferredなるものが使えそうなのでかじってみた。今から一斉にみんな走ってー！そんでこの人達が終わるまで待ってー！この人達が終わったら次君ねーとかやるやつ。擬似的なマルチスレッドぽいことができる。 やりたいこと 1.複数のJSONのファイル名が書かれている元となるJSON、setting.jsonを読み込む 2.setting.jsonに書かれている複数のJSONを同時に読み込む 3.2の読み込みが全部終わってからなんかする元となるJSONはこんな感じ。今回使うのはcharactersの配列のみ。 setting.jso
jQuery deferredの使い方 | 前編 deferredの基本
jQuery deferredの使い方 前編 deferredの基本 jQuery deferredをなんとなく知っているが使い方がよくわからない人のために短期シリーズでおさらいをします。第1回目は非同期処理の概念からdeferredの基本機能までをおさえます。 なぜ、今、jQuery deferred？ この短期シリーズでは、2回に分けてjQuery deferredについて解説します。 jQuery deferredは、jQuery1.5で追加された機能であり、特に新しいものではありません。 しかしながら、私が昔書いたjQuery deferredに関するブログ記事をブックマークする人が、いまだにちょこちょこいるのが見受けられるのです。 もしかして、deferredの存在はなんとなく知っているけれど、どのように使ったらいいのかよくわからないという人が多いのかもしれないと思い、改めてまと
jQueryのDeferredとPromiseで応答性の良いアプリをー基本編 | ゆっくりと…
jQuery 1.6 が既にリリース されていますが、1.5 で追加された Deferred を勉強する意味で、Script Junkie から Creating Responsive Applications Using jQuery Deferred and Promises を翻訳してみましたので、共有したいと思います。著者の Julian Aubourg は、jQuery のコアチーム・メンバーとして、Ajax モジュールの書き換えと Deferred 導入を指揮した方だそうです。 記事の途中、各メソッドの説明部分は、jQuery ドキュメントの翻訳に差し替えていますので、リファレンスとして使ってもらうのも良いかと思います。 Deferred や Promise は、概念や用語が少々分かりにくいところがあるかと思いますので、読んでくださった方の、少しでも理解の助けになれば幸いです
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
jQuery使いが知っておくべきjQueryテクニック8選
目次 1. jQuery 2.x vs 1.x2. イベントハンドリングには on() を使うべし3. AJAXには done(), fail() を使うべし4. ajax()だけじゃなくショートカット・メソッドも活用すべし5. find() を使って絞り込むべし6. カスタムイベントを定義する7. 属性を指定してDOMエレメントを生成できる8. form送信時は serialize() を使って値をまとめて取得すべし参考本記事はjQuery Advent Calendar 2013の23日目の記事となります。今回はjQuery使いとして覚えておきたいテクニックを個人的に8つピックアップしてみました。 日本との時差の関係で更新が24日になっているでしょうが気にせずいきましょう。 1. jQuery 2.x vs 1.x１つ目はテクニックというよりTipsになります。jQueryには最新版の
jQuery Popup Overlay
jQuery plugin for responsive and accessible modal windows and tooltips Download View project on GitHub Demo Basic Generated Close Button Fade Scroll-lock Fade & scale Slide-in Stand-alone Active Bg Active Bg Absolute Tooltip Callback events Other Features Positioned with CSS: Overlays are horizontally and vertically centered with CSS, without any JavaScript offset calculations, therefore remain ce
Japan Map ( jQuery plugin )
Quick Start Include jquery-japan-map.js after jQuery. Then $(selector).japanMap(options) method will create most simple clickable canvas map of prefectures of Japan. The $.japanMap method take an object as argument which defines options. At least, you may have to implement onSelect event handler, which runs when a prefecture of the map is clicked or touched. Here is most simple example. <!DOCTYPE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - harvesthq/chosen: Deprecated - Chosen is a library for making long, unwieldy select boxes more friendly.
GitHub - tsechingho/chosen-rails: Integrate Chosen javascript library with Rails asset pipeline
http://www.mechonomics.com/resolving-multiple-jquery-deferreds-using-when/
bitbucketの使い方
GitHub - takemaru-hirai/japan-map: jQuery plugin to show clickable map of prefectures (or area) of Japan.
Non-AJAX jQuery POST request