タグ

関連タグで絞り込む (18)

タグの絞り込みを解除

jQueryとIE8に関するtuffgong57のブックマーク (6)

  • jQueryでIE8でCSSの「background-size:cover」プロパティを擬似的に再現する実験｜BLACKFLAG

    CSSでエリアの幅や高さに合わせて背景画像をフィットさせることができる「background-size:cover」。 とても便利なプロパティなのですがIE8以下のIEブラウザには対応していません。 IE8以下で「background-size:cover」を実装させるjQueryプラグインもいくつかありますが 実際に使ってみた際に理想通りに動作しないこともあったので jQueryを使ってIE8以下で「background-size:cover」を実現させる方法を 実験的に試してみたサンプルをご紹介してみます。 まずは動作サンプルから。 ※IE8以下のブラウザと見比べてご確認ください。 「jQueryでIE8でCSSの「background-size:cover」を擬似的に再現する方法」サンプルを別枠で表示 サンプル画面内に設置した画像表示エリアには背景画像を敷き、 「background

    jQueryでIE8でCSSの「background-size:cover」プロパティを擬似的に再現する実験｜BLACKFLAG

  • [JS]モーダルウインドウの実装を検討する時はこのスクリプトもチェック！ -vex

    カスタマイズ性に優れ、シンプルなものからカラフルなものまでさまざまなテーマも用意されており、簡単に実装できる超軽量（6KB）のjQueryのプラグインを紹介します。 レスポンシブ対応、IE8+もサポート、ウインドウを表示する際のアニメーションも優雅でいい感じ！ vex vex -GitHub vexのデモ vexの使い方 vexのデモ デモではvexのさまざまなスタイルをショー形式で楽しむことができます。 Chrome, Safari, Firefox, Opera, IE8+でご覧ください。

  • グリッドレイアウト採用時に便利なjQueryプラグイン 20 - NxWorld

    有名なサイトだとPinterestやBehanceなどで取り入れているような、グリッドレイアウトを簡単に実装できるjQueryプラグインのまとめです。 少し前はポートフォリオのギャラリー部分などのような箇所で主に使われている印象が個人的にあったのですが、最近ではブログの記事一覧やECサイトなどでもよく見かけますし、コーポレートサイトのトップに採用しているサイトなども多く見かけます。 基本的な動きは同じようなものでもサポートブラウザやアニメーションの有無などがプラグインによって違うので、自分の中で幾つか使いやすいものを見つけておくと良いと思います。 一応グリッドレイアウトを実装するためのプラグインということでまとめていますが、中にはフィルタリング・ソート・ドラッグ&ドロップなどの機能も併せて実装できるプラグインもあります。 また、基本的にフリーで使用できるもの中心でまとめていますが、商用利用

    グリッドレイアウト採用時に便利なjQueryプラグイン 20 - NxWorld

  • Glide.js

    シンプル・軽量で、レスポンシブ対応、タッチデバイス対応、スワイプもキーボード操作にも対応したカスタマイズにも優れたOOCSSベースでマークアップされたスライダーを実装するjQueryのプラグインを紹介します。 Glide.js Glide.js -GitHub Glide.jsのデモ Glide.jsの使い方 Glide.jsのデモ デモはスマフォ・タブレットをはじめ、最新のモダンブラウザでご覧ください。 スライドのエフェクトにCSS3を使用していますが、IE8などの古いブラウザでも代替のエフェクトで動作します。 デモページ Glide.jsの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></

  • jQuery.fullContent

    複数のコンテンツをそれぞれブラウザの枠いっぱいに表示し、それらを水平・垂直のマトリックス状に配置し、ダイナミックなアニメーションで切り替えるjQueryのプラグインを紹介します。 jQuery.fullContent jQuery.fullContent -GitHub jQuery.fullContentの特徴 jQuery.fullContentのデモ jQuery.fullContentの使い方 jQuery.fullContentの特徴 ウインドウのサイズいっぱいのコンテンツを水平・垂直のアニメーションで切り替えます。 各コンテンツは、碁盤のように水平・垂直に配置可能。 コンテンツ間の移動はアニメーション。 ハッシュリンクでの直接アクセス対応。 ハッシュリンクでの履歴にも対応。 IE8+をサポート。 jQuery.fullContentのデモ デモはモダンブラウザ、IE8+でご覧く

  • 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以下はサポート廃止の方針
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.