Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性
Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4（現時点でドラフト）仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる、という便利な機能を提供してくれます。 ところがこの「:has()」のChromeにおける実装は、jQueryで似たような機能（カッコ内の要素を持つ親要素を選択する）を提供する「:has()」に悪影響を及ぼし、このjQueryの「:has()」を使っているWebサイトでは、Chromeを利用した場合に一定の条件下でWebサイトが壊れるなどの問題を引き起こすことが分かりました（同じエ
Sticky Sidebar ⬆⬇
Sticky Sidebar 😎 Sticky Sidebar ⬆⬇ is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto and compatible with Firefox, Chrome, Safari, and IE9+. Source can b
Google Libraries API
Stay organized with collections Save and categorize content based on your preferences. The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries. Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released. Libraries To load a
jQuery 3.0 が正式リリース、通常の Web サイト制作で利用するなら軽量版 「Slim build （スリムビルド）」 が便利
jQuery 3.0 が正式リリース、通常の Web サイト制作で利用するなら軽量版 「Slim build （スリムビルド）」 が便利 jQuery 3.0 の正式版がリリースされました。次バージョンからはバージョン番号を統一して 3.0 にすると発表されてから 1年半後、やっとの正式リリース。Ajax モジュールなどを省いた軽量版 「スリムビルド」 も提供されています。 米国時間の 6月 9日付けで、jQuery 公式サイトにてアナウンスされましたが、jQuery 3.0 の正式版がリリースされました。 jQuery 3.0 Final Released! ： Official jQuery Blog 2014年の 10月に jQuery 公式 Blog に投稿された記事 （参考エントリー） で、次期リリースから現状の jQuery 2.x 系の後継を 「jQuery 3.0」、1.x
【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。 原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。 注意: 長いです。主要な変更点は前回の記事【翻訳まとめ】jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide 全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正 サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上
【速報】jQuery 3.0がリリース - 古いIE用コードが削除された新バージョン | ソフトアンテナ
jQuery開発チームは6月9日((現地時間)、jQueryのメジャーバージョンアップ版「jQuery 3.0」をリリースしました(公式ブログ)。 jQuery 3.0は2014年の10月から開発が続けられてきたjQueryの新バージョンで、互換性を維持しながらも軽量かつ高速に動作するように設計されています。v3.0では古いIEのための互換コードが全て除去されているため、IE6-8のサポートが必要な場合は、引き続き最新のjQuery 1.x系(現在の最新1.12)を使用することができます。 v3.0はメジャーバージョンアップでありながら大部分の互換性を保っており、バージョンアップしても大きなトラブルが発生しないことが期待されていますが、アップグレードをアシストするために3.0 Upgrade GuideやjQuery Migrate 3.0 pluginが準備されています。 v3.0の主な
jQuery 3.0 Final Released! | Official jQuery Blog
jQuery 3.0 is now released! This version has been in the works since October 2014. We set out to create a slimmer, faster version of jQuery (with backwards compatibility in mind). We’ve removed all of the old IE workarounds and taken advantage of some of the more modern web APIs where it made sense. It is a continuation of the 2.x branch, but with a few breaking changes that we felt were long over
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
テーブルをレスポンシブに対応させるのに便利なjQueryプラグインまとめ｜BLACKFLAG
レスポンシブWebデザインのサイトでテーブル（表組み）を組み込む際に 要素量の多いテーブルの場合、CSSでレイアウトを無理やり調整したり、 スマホレイアウト時はテーブル全体を横スクロールさせるようにしたりと レイアウトに苦労することがよくあります。 そんなテーブルをレスポンシブ対応させる際に いろいろと便利に使えそうなjQueryプラグインを まとめて自分用メモとして紹介してみます。 Basic Table (jQuery Responsive Tables) Basic Table (jQuery Responsive Tables) デモページはこちら まず最初は「Basic Table」。 画面幅に応じて見出し要素を複製するかたちで テーブルを項目の並びを整えて収めてくれます。 様々なレイアウトパターンが用意されていて テーブルが長くなる場合にはスクロール制御する機能もあり、 いろい
animatedModal.js
animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions. DOWNLOAD VERSION 1.0
Demo • jQuery Feeds
<script type="text/html" id="entryTmpl"> <article class="<!=source!> entry"> <p> <a class="link" href="<!=feedLink!>" title="<!=feedDescription!>"><!=feedTitle!></a> <span class="publishedDate"><!=publishedDate!></span> </p> <p class="author"><!=author!></p> <div class="content"><!=content!></div> </article> </script> $('.feed').feeds({ feeds : { facebook : 'http://www.facebook.com/feeds/page.php?
画像の選択に便利なチェックボックス実装jQueryプラグイン「imgCheckbox」:phpspot開発日誌
imgCheckbox | a jQuery plugin that makes img tags checkable 画像の選択に便利なチェックボックス実装jQueryプラグイン「imgCheckbox」。 input type="checkbox" と画像を並べるのではなく、画像をクリックでチェックマークを表示できるUIに改善できます。 関連エントリ 国際対応の電話番号入力補助が実装できるjQueryプラグイン「International Telephone Input」 inputに電卓風のテンキーウィジェットを付けられるjQueryプラグイン「jCalculator」 全世界ユーザが使える電話番号入力欄実装jQueryプラグイン「International Telephone Input」
Animated SVG Hero Slider | CodyHouse
Hero Slider A full-width, responsive and easy to customize slideshow. It is a common approach to fill in the intro section of a website with a slideshow: you're trying to show the users as much as you can above the fold, yet you want to deliver this information in an organized and clean way. Therefore we built for you a ready-to-use JavaScript slider, with some built-in options like video/image b
ReactをjQueryの数行に要約する | POSTD
「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか？ Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
画像を並べて動画プレイヤーで動画っぽく表示できる「Jquery image player」:phpspot開発日誌
Jquery image player | UIPlayGround 画像を並べて動画プレイヤーで動画っぽく表示できる「Jquery image player」。 画像を並べるといえばスライドショー的なUIが一般的ですが、こちらは再生/停止ボタンとプログレスバーのみ、というより動画的なUIとアニメーションを加えて動画のような表示が可能です。 動画にするとファイルサイズの問題もありますが、あくまで画像ということで高品質で軽量の動画埋め込みが可能です。 テキストの埋め込みなども可能で、プレゼンテーション的な用途での利用もできそう 関連エントリ 動画パスを指定するだけで簡単に背景動画を設定できる「video-background-js」 動画をクールにモーダル化してハイライトできるjQueryプラグイン「Video Lightning」 Youtube,Vimeo,Dailymotion等の動画
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
timedropper jQuery time plugin
DateDropper datedropper JS is a Pure Javascript user-friendly date picker that allows users to easily select a specific date from a calendar-like interface. What does Datedropper do Datedropper streamlines date selection, saving time and reducing errors. This datepicker allows users to select the desired date by clicking on it. The selected date will then be displayed in the input field and can be
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://smoothstate.com/index.html
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」
