jquery 1.xと2.x の違い、さらに動作を高速にするための設定 | まとめーたー
photoBy: http://www.jose-aguilar.com/blog/wp-content/uploa…まずは jquery 1.x と 2.x の違い 1.x 系は IE8 以前をサポートするが遅い、重い 2.x 系は IE8 以前のサポートは捨てて、いるが軽い、早い アイルトン・セナじゃあるまいしそんなに早くしてどうすんの？Webページがたった1秒高速化するだけでECサイトなんか、売上が10％向上した事例もあります。 使い分ける対応していないIE8以下には古いjqueryを読み込ませます <!--[if lt IE 9]> <script src="jquery-1.9.1.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="jquery-2.0.0.js"></script> <script s
jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ
より良いjQueryのコードを記述するには
はじめにより良い jQuery のコードを書くためにいくつかの方法を提言しているWriting Better jQuery Codeを紹介します。 リンク切れの部分は省略しています。また、本文についても意訳や誤訳で若干意味が異なっている部分等あるかもしれません。あらかじめご了承ください。 詳細は翻訳元をご確認ください。 jQueryやJavaScriptのパフォーマンスについて論じた記事はたくさんあります。しかし、この記事では、jQueryとJavaScriptのコードを改善するためのスピードのヒントと私自身のアドバイスをまとめたいと思います。より良いコードとは、より速いアプリやジャンクのないWebサイトを意味する。高速なレンダリングと反応性は、より良いユーザー体験を意味します。 まず第一に、jQueryはJavaScriptであるということを心にとどめておくことが重要です。つまり、どちら
俺のロールオーバープラグインの凄さをここで知るべき！
世界中のみなさん、ごきげんよう。「半沢直樹」という楽しみを失ったカイトです。 Web 関連の記事が続きますが、jquery.multirollover.js という画像ロールオーバー効果を実装する jQuery プラグインを作りましたので、ここで紹介したいと思います。 少々長い記事ですが、後半にはお楽しみを用意しておりますので、是非最後までお読みください。 ロールオーバー効果とは rollover の本来の意味は「寝返りを打つ、転がす」ですが、Webサイトなどでは以下のことを言います。 JavaScriptなどによるWebページの表現効果のひとつ。Webページ上の、ロールオーバー効果を設定した画像にマウスポインターを合わせると、自動的に他の画像に変化する。ハイパーリンクが設定されたボタンなどに利用される。 ASCII.jpデジタル用語辞典より ボタンなどで使われることが多い画像のロールオー
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
【クリスマスだし】用意しておくとちょっと便利なjQueryの拡張メソッドたち【25日目の４】 | DevelopersIO
こんにちはやまがたです。アドベントカレンダーの最終日は、日頃クライアントサイドでJavaScript + jQueryでコードを書いていて何かと重宝している拡張メソッドをご紹介します。 ch $.fn.childrenのエイリアスです。出現頻度が高くスペルを間違えやすいので作りました。 $.fn.extend({ ch: function(expr) { this.children(expr); } }); hasClasses, notHasClasses hasClassを拡張して複数のクラスの組み合わせをチェックします。 var checkClasses = function($target, mode, klasses) { var result = false; $.each(klasses, function(i, klass) { result = $target.hasCl
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
今すぐ使いたくなる！個性的でわくわくする動きのスライダー12選（Javascript・CSS3） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、サリーです。 最近は無料のスライダーでも良質のものがたくさん溢れていて、どれを使っていいか悩みすぎてしまう。。ということがよくありまして。 「これだ！」という決め手があればなあ。ということで、今回は他との違いを見せつける個性的なスライダーばかりを集めてみました。 今すぐ使いたくなるような、わくわくする動きでいっぱいです。デモページと共に紹介していきます。 【最新スライダーはこちら！】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Slit Slider Revised http://tympanus.net/codrops/2012/10/24/slit-slider-revised/ DEMO： http://tympanus.net/Tutorials/FullscreenSlitSlider/ 絵が真ん中から横にバカッと、時
拾ってきた jQuery コードが動かない場合の簡易対処方法 | 毎日興味津々
jQuery のサンプルコードってかなり前から多数出回っていて、 「これをコピペすればこうなりますよ」 というレベルで紹介されているものも少なくありません。 でも、実際試そうとしたら、自分のサイトではピクリとも動かない・・・ こんな経験無いでしょうか？ 自分がまさにそうで、この部分でドハマりして当初 jQuery は挫折してました。 そういった際の対処方法をご紹介します。 あるサイトから「そのまま動く」と明記されているコードを拾ってきます。 例えば、以下のような感じで大抵は書いてあると思います。 （実際の処理は省略してます） $(document).ready(function(){ // jQueryの処理 }); これを WordPress のテーマに組み込んでみたら動かない（エラーが出る）、 サンプルHTMLを丸ごとコピーして html ファイルを生成したら問題ない。 自分の場合、こ
JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。（変更）「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。（追加）追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。（移動）移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。（移動）最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。（削除） いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします（これが後々大事になります）。JavaScrip
Du Doan Ket Qua Xsmb Chinh Xac Nhat Hom Nay | Nhà cái uy tín nhất
Tại hiện trường, qua công tác kiểm tra công an bắt quả tang 12 đối tượng liên quan, thu giữ các tang vật gồm: 1 bộ xí ngầu, 7 điện thoại di động, 5 xe máy và trên 93 triệu đồng tiền mặt. Nhất ăn tất: Người chơi trong bàn sẽ so điểm với nhau để tìm ra người có số điểm cao nhất.Du Doan Ket Qua Xsmb Chinh Xac Nhat Hom Nay Bên HappyLuke cũng đã trả lại 500$ vào tài khoản của đại ca đó để người chơi đó
レスポンシブデザインに使えるjQueryプラグイン集 – creamu
「20 Useful jQuery Plugins for Responsive Web Design」という記事で、レスポンシブデザインに使えるjQueryプラグインが20個まとまっています。 上記はPHOTO SWIPE。スマートフォン用に、スワイプできるスライドショーを作ることができます。 isotope アニメーションでオブジェクトの位置が変更されます ResponsiveSlides.js シンプルなクロスフェードタイプのスライドショー The Heads-Up Grid オーバーレイでグリッドラインを表示 jQuery Masonry fluidなレイアウトが実現できる scrolldeck 矢印キーでページ移動、動きのあるプレゼンテーションを可能にする Elastislide ウィンドウサイズの変更に対応した、レスポンシブなカルーセルギャラリー AUTOMATIC IMAGE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
