タグ

jqueryに関するtiadeen2のブックマーク (122)

  • jQuery Core 3.5 Upgrade Guide | jQuery

    jQuery Core 3.5 Upgrade Guide link jQuery.htmlPrefilter changeslink A workaroundIf you want to upgrade to jQuery 3.5.0 or newer and don't have time to deal with breaking changes at the moment, and you use jQuery Migrate 3.4.0 or newer, you can revert to the previous behavior by invoking: As long as this method has been called, jQuery Migrate 3.4.0 or newer logs warnings for all input that's affect

    tiadeen2
    tiadeen2 2020/04/14
    3.5.0の回避方法と、影響について
  • jQuery 3未満のXSS脆弱性を修正する方法。jQuery1/2は最新版でも必要。|榊原昌彦

    jQuery 3未満は、XSSの脆弱性を抱えています。 JVNは「リスク:低」に設定していますが、脆弱性として認定されてしまっているので対策しておくに越したことはありません。 対策jQuery 3にアップグレードすることが望ましいですが、それができない場合はjQueryを読み込んでるscriptタグのすぐ下に、以下を追記してください。 <script> jQuery.ajaxPrefilter( function( s ) { if ( s.crossDomain ) { s.contents.script = false; } } ); </script>これによって、Ajaxをつかって「異なるドメイン」からJavaScriptファイルを読み込むことができなくなります。 場合は、そのScriptは動かなくなります。 脆弱性をもっているかの確認方法Google ChromeのConsole

    jQuery 3未満のXSS脆弱性を修正する方法。jQuery1/2は最新版でも必要。|榊原昌彦
    tiadeen2
    tiadeen2 2019/08/06
    jQuery1/2ではAjax系のメソッドでクロスドメインのスクリプトを読み込める脆弱性。
  • jQuery3.0 アップグレードガイド - Qiita

    2016/05/20にjQuery 3.0のリリース候補版が出てたのでアップグレードガイドを見てみます。 Overview jQuery3.0ではコードのクリーンアップとかバグ修正とかDeprecatedなコードの削除とか色々やってるよ。 Browser Support ・IE 9以降 ・Chrome/Edge/Firefox 最新のひとつ前のバージョンまで ・Opera 最新版のみ ・iOS 7以降 ・Android 4.0以降 jQuery Migrate Plugin 移行プラグインを用意してるから、以下の1行入れとけば1.12、2.2と互換するよ。 <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.

    jQuery3.0 アップグレードガイド - Qiita
  • jQueryで、順番に実行が出来る .when() から .done() が便利だったのでメモ | ARAKAZE NOTE

    JavascriptやjQueryを書いていると、「この処理がちゃんと終わってから、こっちの処理を始めたい!」って場面に結構遭遇するのではないかと思います。特にアニメーションを作っているときによくあるのではないでしょうか。 コールバック関数を設定出来る処理なら簡単なのですが、それがないものも結構あったりします。僕が困ったのは.html()や.ajax()でした。なんかいい解決策は無いかなーとググってみたところ.when().done()という処理の仕方が良さげだったので使ってみたらばっちりでした。 .when()には先に終わらせたい処理を書く ざっくりとした説明の仕方をすると、.when()には先に完了させたい処理をまとめて書いておきます。例えば、“横に移動したら、フェードアウトする”みたいな事をしたい場合、“横に移動したら”の部分を.when()の中には書きます。 (まあ、そんな簡単な動

    jQueryで、順番に実行が出来る .when() から .done() が便利だったのでメモ | ARAKAZE NOTE
    tiadeen2
    tiadeen2 2014/06/05
    どっちもjQuery1.5に追加された機能らしい。使ったことはなかった…
  • Web Design Tips To Help You Succeed - Web Design

    Understanding 해운대고구려 Facebook Marketing Works Having a really good해운대고구려 item may certainly not be actually a guarantee for excellent purchases. It’s achievable for you to possess wonderful service or products,… [더 보기] Just howCrucial 해운대룸싸롱 The Right Diabetes Mellitus Diet? There is actually해운대룸싸롱nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea

    tiadeen2
    tiadeen2 2013/12/11
    「モーダルウインドウを閉じた際もフォーカスが元のところに戻ります」←これColorboxのデモをTab/エンター/Escキーで操作してみると気持ちいい。
  • [JS]複数のエレメントをスクロールしても指定した場所に留まらせるスクリプト -ハチ公

    デモページ:一番下までスクロール 「Hachi, stay!」ボタンをクリックすると、復活します。 ハチ公の使い方 実装は非常に簡単で、複数の要素にハチ公を適用することもできます。 Step 1: 外部ファイル 「jqeury.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.hachiko.1.0.0.min.js"></script> Step 2: HTML HTMLは通常通りに実装し、ハチ公を適用するエレメントがスクリプトで指定できるようにidなどを付与します。 例:id=sticky <div id="sticky">Click me to see how the state i

    tiadeen2
    tiadeen2 2013/06/14
    ネーミングがいいなー。$("#sticky").hachiko({left:$("#sticky").offset().left});としたらキレイにスクロールされるかな。IE7で動かなかったorz→packしてない60行目の,を消したらIE7でも動いたよ!
  • [JS]ナビゲーションを最上部に固定し、各セクションにアニメーションでスクロール移動させるスクリプト -SMINT | コリス

    SMINT SMINTの使い方 Step 1: 外部ファイル スクリプトを外部ファイルとして記述します。 <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML まずは、最上部に配置されるナビゲーションから。 <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c

    tiadeen2
    tiadeen2 2013/06/13
    「return $('.smint a').each(」なので固定したい内容にリンクがなければ使えない(まぁナビゲーションならあるよね)ステップ表示に使おうとしてリンクがなくて使えなかったorz
  • IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog :: Diary

    最近の更新履歴 2011-12-07 Ver 1.3.2 リリース jQuery 1.7.1に対応しました。 2010-12-27 Ver 1.3.1 リリース fixed 要素がブラウザ表示エリアから隠れ1度非表示状態になると、ウィンドウをリサイズし表示エリア内におさめても非表示状態が続いてしまう不具合を修正しました。 2010-11-14 Ver 1.3.0 リリースしました。exAPI ベースの実装に変更しました。サイズに auto を指定できるように変更しました。 2009-12-08 Ver 1.2.2 リリースしました。IE6 にて fixed 対象要素を非表示にしても表示されてしまう不具合を修正しました。Ver 1.2.1 でサイズを明示せずプラグインを実行すると fixed されない不具合を修正しました。 more jQuery exFixed を使用すると、IE6 で p

    IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog :: Diary
  • jQuery 2.0を利用するために注意すること

    jQuery 2.0を利用するために注意すること 4月18日にjQuery 2.0がリリースされました。これまで1.x系でバージョンアップを進めてきたjQueryでは初のメジャーバージョンアップとなります。 jQuery 2.0がjQuery 1.x系と大きく異なるのは、これまでjQueryはIEのバージョンは6以上をサポートしてきましたが、jQuery 2.0ではIE9のバージョンは9以上がサポートとなります。 誤解しないようにして欲しいのはjQuery がIE8以下を切り捨てたわけではないということ。jQuery 1.x系は今後もバージョンアップされていき、jQuery 1.x系はjQuery 2.x系と基的には同じ機能が実装される予定です。ちなみにjQuery 1.x系の次のバージョンはjQuery 1.10です。 jQuery 1.x系とjQuery 2.x系の使い分け 追記:正

    jQuery 2.0を利用するために注意すること
  • オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」|linker journal|linker

    The domain name Linker.in is for sale A great idea deserves a great domain name!

    オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」|linker journal|linker
    tiadeen2
    tiadeen2 2013/04/22
    インデックスのようにJSONをCMSで作っておいてソレを検索するのかー。JSONが重くなり過ぎないなら良さそう。
  • NameBright - Coming Soon

    voronianski.com is coming soon This domain is managed at

    tiadeen2
    tiadeen2 2013/03/27
    ダイアログ表示ライブラリ。スクロールがあるページでも上の方にダイアログが出てしまう問題があると思う(どうやって直すのー?)ちなみにこのサンプルは強制的に一番上に行くのでずるい。
  • jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話

    jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome

    jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話
    tiadeen2
    tiadeen2 2013/02/01
    jQueryに限らずできるみたい。圧縮してもデバッグしやすいのはいいなー。
  • Webshim

    Important note: Webshim is not compatible with upcoming jQuery 3.x and I do not plan to work on a new major version. I will still fix critical bugs in the future though. Webshim is a polyfill library that enables you to reliably use HTML5 features across browsers, even if native support is lacking. The project is hosted on GitHub, and is available for use under the MIT software license. You can re

    Webshim
    tiadeen2
    tiadeen2 2012/11/15
    HTML5 APIのライブラリ。クロスブラウザやpolyfill対応もそうだけどHTML5の仕様が変わっても吸収してくれるようならいいかなー。
  • [JS]変更時のアニメーションが気持ちいい、レスポンシブ対応のかっこいいグリッドを生成するスクリプト -Grid—A—Licious

    Masonryはかっこいいけどパネル移動のアニメーションがちょっとな、という人にぴったりな、レスポンシブ対応でレイアウト変更時のアニメーションもスムーズでかっこいいグリッドを生成するjQueryのプラグインを紹介します。 Grid—A—Licious Grid—A—Licious -GitHub Grid—A—Liciousのデモ Grid—A—Liciousの使い方 Grid—A—Liciousの実装例 Grid—A—Liciousのデモ まずは、Grid—A—Liciousのベーシックな動作が確認できるデモからご紹介。 アレンジは、下記のGrid—A—Liciousの実装例で。 ページいっぱいに高さの異なるパネルが同じ間隔で配置されています。 デモページ:スマフォサイズ Grid—A—Liciousの使い方 Grid—A—Liciousは2008年にリリースされた当時は単にグリッド状に

    tiadeen2
    tiadeen2 2012/10/23
    ライセンス気になってググってみたらkachibitoの2009年の記事で商用1000ユーロとか書いてあったけど、今のバージョンはMITで使えるみたい。
  • jQuery 1.9 日本語リファレンス | js STUDIO

    このサイトについて jQueryの日語リファレンスです。 jQueryの家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri

    tiadeen2
    tiadeen2 2012/10/15
    いままで semooh.jp を使ってたけどこれからはコチラを使おうかしら…
  • jQuery UI Touch Punch - Touch Event Support for jQuery UI

    Tested on iPad, iPhone, Android and other touch-enabled mobile devices. jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. Currently, jQuery UI user interface library does not support the use of touch events in their widgets and interactions. This means that the slick UI you designed and tested in your desktop browser wil

  • IFrame内もレスポンシブ対応にするjQueryプラグイン「ResponsiveIframes.js」:phpspot開発日誌

    IFrame内もレスポンシブ対応にするjQueryプラグイン「ResponsiveIframes.js」 2012年10月09日- ResponsiveIframes.js IFrame内もレスポンシブ対応にするjQueryプラグイン「ResponsiveIframes.js」 ページ内や画像をレスポンシブ対応にするものはありますが、ページ内に貼りつけたiframeでさえもブラウザサイズに応じて伸縮させることができます。 単にiframeのサイズを変えるだけじゃなくてiframeの中身のサイズも変えなくてはいけないため、結構大変そうですがライブラリで簡単に対応できそうですね 関連エントリ ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」 Gmailスタイルのemoticonを実装できるjQueryプラグイン クリックで水滴を落としたようにアニメーションさ

  • 18 Free jQuery Plugins for Responsive Web Designing

    Nowadays, one of the most in-demand things in web designing is responsive layouts. Responsive layouts boast some really cool elements which can help designers achieve great results and thus create unique and exclusive websites. These responsive layouts are extremely eye-catching so they can easily attract viewers. Another great feature of these responsive layouts is that they give the designers th

  • 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以下はサポート廃止の方針
    tiadeen2
    tiadeen2 2012/07/03
    ビックリしたけど、1.9系(IEサポート版)を使い続けることはできるんだねぇ。
  • jQuery 1.8β1登場。モジュール機能によるカスタマイズ、ベンダープレフィックスサポート、XSS対策など

    jQuery 1.8β1登場。モジュール機能によるカスタマイズ、ベンダープレフィックスサポート、XSS対策など jQuery 1.8では、新機能としてモジュール化、ベンダープレフィクス付きCSS属性のサポート、アニメーション、XSSプロテクションなどが含まれています。 モジュール化 1つ目のモジュール化は、以下のように説明されています。 As of jQuery 1.8, you can build a custom version of jQuery that excludes one or more modules if you do not need their functionality. jQuery 1.8においては、1つ以上の不要な機能とされるモジュールを外すことができ、カスタムバージョンのjQueryをビルド可能です。 このカスタムバージョンは新しく採用されたビルドツールの

    jQuery 1.8β1登場。モジュール機能によるカスタマイズ、ベンダープレフィックスサポート、XSS対策など