jQuery2.1.0にて-webkit-transitionが無効になるバグ
Updated 2014.03.15 / Published 2014.03.15 jQuery2.1.0にはCSS()メソッドで指定した-webkit-transitionのスタイル情報が無効になるバグがあります。このバグはjQuery2.1.1にて改善される予定です。 jQuery2.1.0における-webkit-transitionスタイル無効の再現例 $('#test').css({ '-webkit-transition': '-webkit-transform 1s', 'transition': 'transform 1s' }); 上記のようにCSS()メソッドでChrome, Opera, Safariなどのための-webkit-transitionのスタイル情報が指定されていても、jQuery2.1.0では適用されません。これはjQuery2.1.0にてベンダープレフィ
【jQuery】パララックスなwebサイトを作れるjQueryプラグイン「jQuery-Parallax」
こんにちは。 最近、ウェブデザイン系のブログやニュースを見ているとパララックスという言葉をよく目にします。パララックスというのは「視差効果」のエフェクトのことで、 複数の画像や文章のスクロール量を個別に変化させることで、奥行きのある立体的なデザインが可能となる、というものです。 そんなパララックスを施したサイトを作るためのjQueryプラグインが「jQuery-Parallax」です。 まずはデモサイトです。 http://www.ianlunn.co.uk/plugins/jquery-parallax/ かっこいいですね。以前の nikebetterworld.comをベースにして作成したものだそうです。 内容をみてみると各要素にスクロール速度が設定してあって、特に靴の部分のアニメーションが立体的に見える働きをしています。 サイト訪問者の目を惹きつけ、下のコンテンツをもっと見たくなるよ
Google Code Prettify のかゆいとこをなんとかする jQuery プラグインを書いてみた | CYOKODOG
ソースコードをかっこよく表示してくれる JavaScript ライブラリ「Google Code Prettify」。巷では高機能な「SyntaxHighlighter」におされ気味ではありますが、シンプル仕様で見た目もかっこよくて好みです。今回はちょっと手を加えて使い勝手の方を少し改善してみました。 かっこいい「Google Code Prettify」 大人気の見た目系フレームワーク「Twitter Bootstrap」ですが、本家サイトに掲載されてるソースコードは「Google Code Prettify」を使用してるようです。かっこいいですね！ Google Code Prettify 自体は昔からありますが、Bootstrap のおかげで再評価されてるような気がします。 preタグのclassに、prettyprint linenums を入れましょう。 これが超かっこいい！！コ
jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita
続編も書きました : 結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 jQuery version1.5で導入されたjQuery.Deferredは、無くてもコードを書けるけど、使えば少しコードが綺麗かつ見通しが良くなる、という機能。 無くても書けるという機能がなかなか使われないというのは世の常なので、jQueryクックブック(O'REILLY)の中でも言及されていない、なんとも寂しい状況だ。 ちょっとここらで一肌脱いでやるか、という趣旨で書き始めたら無駄に長くなった。 とりあえず使ってみたい、という人は下の方の「jQuery.Deferred自体の使い方」までジャンプするとよい。 jQuery.Deferredとはどういう場面で使うものなのか コールバックを渡して非同期処理完了時にそれを呼び出してもらうような場面。 具体的には $.get('hoge',
jQuery 1.9 で変わったところを調べてみる。 | バシャログ。
引越しの準備がままならないminamiです。 jQuery1.9 が正式にリリースされました。すでにベータ版として発表されているjQuery 2.0 はIE6/7/8に対応しないことを謳っているため、これらのブラウザ対応をする場合は1.9 を使っていくことになりますね。 jQuery1.9 で変更があった機能を見ていきたいと思います。 どう変わったの？ jQuery 1.9でアップグレードされた機能は下記ページにまとまっています。 jQuery Core 1.9 Upgrade Guide 主要なところを抜粋してみます。 toggle(function,function,...) の廃止 間違えそうですが、表示/非表示のtoggle()は使えます。 jQuery.browser() の廃止 だいぶ前からなくなるよ、と言われていましたが、とうとう廃止に。jQuery.supportや、Mod
jQueryのパフォーマンス高速化Tipsまとめ | Webエンジニアのメモ
TweetPocket jQueryのパフォーマンス高速化Tipsまとめ jquery-logo jQueryのパフォーマンス高速化Tipsのヒントリストです。 セレクタのパフォーマンスのヒント 1. 常に#ID から辿る jQueryで要素を選択する最速の方法は、IDによるものです。 $('#content').hide(); $('#content p').hide(); 2. クラスの前にタグを使用 jQueryで2番目に早いセレクタは、タグセレクタ（$（’head’））です。 なぜならそれはネイティブJavaScriptメソッド、getElementsByTagName（）だからです。 最良の方法は、接頭辞にタグ名（およびIDから派生）を持つクラスです。 var receiveNewsletter = $('#nslForm input.on'); クラスセレクタは、jQueryの
softelメモ
【php】 TOTPのワンタイムパスワードを生成する 問題 TOTPのワンタイムパスワードをphpで生成したいです。 答え 例 // ライブラリを利用するか、関数を自作してbase32_decodeしてください $binary_secret = Base32::decode […] 【php】base32_decode() 問題 phpで、base32_decode() したいです。 答え 例 function base32_decode($s) { $m = array( "A" => 0, "B" => 1, "C" => 2, "D" […] 【windows】スタートメニューやタスクバーのフォルダ 問題 スタートメニューやタスクバーのショートカットなどは、どこかのディレクトリに入ってますか？ 答え スタートメニュー（全体） C:\ProgramData\Microsoft\Wind
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
軽めのjQuery Advent Calendar 2012 - Adventar
なんかやってみたいけどわかんなーい☆てな方も気軽に参加してみませんか。 目安は記事が一画面に収まるくらいでどうでしょうか。 本気の記事は別カレンダーでやって！ 思いつかないなーって人向けの例 API解説 ... .find()と.children()の違い プラグイン ... jQuery.xxxの使い方 UI ... 閉じるボタン実装例 生JavaScriptは勘弁な。 簡単に書いて簡単に読めるような記事をお願いします！
jQueryで入力フォームに文字カウント（カウントダウン）を設置する方法｜BLACKFLAG
今やTwitterで有名になった、入力フォームに文字を入力した際のリアルタイム文字カウント表示。 この様なINPUTやTEXTAREAに入力されたテキストの文字数を数えるには jQueryの「$(●●●●).val().length;」を使うと簡単に取得することが出来るようだったので 文字カウント、カウントダウンのいろいろな取得パターンを作ってみました。 jQueryで入力フォームに文字カウント（カウントダウン）を設置【SAMPLE１】 まずは単純に入力された文字数を表示するパターン。 HTMLには文字数を表示するエリアと 入力フォーム（ここではTEXTAREA）を設置します。 ◆HTML <span class="count">0</span> <textarea name="textarea" rows="10" cols="30"></textarea> CSSは特に動作には関係しな
jQuery文に、for文のカウンター変数を利用することは出来ないでしょうか？…
jQuery文に、for文のカウンター変数を利用することは出来ないでしょうか？ 下記のようなコードがあるとします。 >|javascript| <div id="text1">AAA</div><div id="textpop1" style="display:none">pop - A</div> <div id="text2">BBB</div><div id="textpop2" style="display:none">pop - B</div> <div id="text3">CCC</div><div id="textpop3" style="display:none">pop - C</div> <script> $(window).bind('load', function() { for (var i=1; i < 3; i++) { $( "#text" + i ).b
jQueryの未来に備える - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、kintoneを作っているエンジニアの佐藤鉄平(@teppeis)です。先日10/24に発売されたWEB+DB PRESS Vol.71のJavaScript連載で「プログラマのためのjQuery再入門」という記事を書かせて頂きました。 ワンランク上のjQuery使いを目指す方のために、こんな内容になっています。 パフォーマンスアップの秘訣 Sizzleの仕組みとセレクタの高速化 on/offによる新しいイベント制御API Deferredを使った非同期処理 最新版の1.8.2をもとに書いたので、1.4あたりでjQueryに入門した方の知識のブラッシュアップにもオススメです。是非ご覧ください。 これでもう「jQueryは甘え」なんて言わせません！ jQuery 1.9で削除されるかもしれないAPIたち さて、jQueryの次期バージョン1.9が来年前半に計画されています。 1.
IE8切り捨て準備はいいか？jQuery2.0 2013年リリース予定 | DECONCEPTER
さようなら、InternetExplorer8 2012年も後3ヶ月を切りました。今年6月に出たアナウンスの予定で行くと来年jQueryは初のメジャーバージョンアップを迎えます。 jQuery2.0の主な機能等はまだ特にアナウンスされていませんが、注目はなんといってもIE8以下をサポート対象から外すという点です。 HTML5の時代が本格的に到来 これまでjQueryがWEB開発の世界にもたらしたメリットは計り知れません。WEBサイトを作っている方でお世話になったことの無い方はほとんどいないでしょう。 jQueryがIE8以下のサポートを切るということは、jQuery2.0のリリースと共にHTML5が標準として使われるようになるまで秒読み段階に入ると考えてもいいかもしれません。 2013年、IE8以下にどのように対応するかが問われる IE対応なんてやってられない 近年モバイルデバイスの普及に
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
jQueryのlive関数が超便利な件について | さくらたんどっとびーず
先日 jQueryMobile をいじくってたらいまいちよく分からなかった部分があったので jQueryMobile のソースとかサンプルをだらだら見ていたのですが、live() という関数がちょいちょい使われてたので気になって調べてみました…ら、超便利なことが判明したので生存戦略しとこうと思います。 とりあえず semooh.jp さんの日本語リファレンスによると、live 関数は未登録の DOM オブジェクトに対しても動作するイベントハンドラを登録する関数のようです。 jQuery 1.3より実装。 イベントに対してハンドラを登録します。 登録されたイベントは、現在および将来的にも、セレクタにマッチする全ての要素に適用されます。 カスタムイベントに対してbindすることも可能です。 live(type, fn) – jQuery 日本語リファレンス って、これって超便利じゃん！ って、
初心者向けのjQuery入門講座
使い方 まず最初にチェックするコンテンツです。どのような考えをもとにプログラムを組み立てていくか、設計力を学びます。 サンプル 使い方で学んだことを生かして、簡単なサンプルの作成を学んでいきます。 プラグイン jQueryで利用できる便利なプラグインを紹介していきます。 リファレンス jQueryのリファレンスです。辞書代わりにご利用ください。 使用例 企業サイトでのjQueryの使用例を紹介していきます。 始めに jQueryはデザイナーにも利用しやすいjavaScriptプラグインです。このサイトはhtmlやcssを充分に理解しており、さらに基礎的なjavaScriptをマスターしている方を対象に記事を書いています。 現在はスマートフォン用のゲーム制作に注力しているため、本サイトの更新は休止状態（2014年3月が最終更新）です。ゲーム制作に関するブログ：スマゲー作るよ！はほぼ毎日更新し
メガドロップダウンメニューって？ | dIG iT
dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ 以前にBest Buyを例にあげてUSにおけるTOPページの変化について少し触れました（解析しやすいは作れる！）。これだけではなく、もう１つ大きい変化と考えているのがメガドロップダウンメニュー（メガメニュー）です。 ということで、ここのところずっと気になっていたメガドロップダウンメニューについて少し調べてみたことを書いてみます。 メガドロップダウンメニュー？ そもそもメガドロップダウンメニューが何かという話です。基本的にはヘッダなどにあるグローバルナビゲーション部分をオンマウスした時に、表示されるドロップダウンメニューの内容が多くなったものを指しています。 ちなみにユーザビリティの大家であるJakob Nielsenが挙げているメガドロップ
jQueryに独自の関数を追加 - Toro_Unit
jQueryを使っているとやっぱり独自の関数を作りたくなってきますよね。 hoge()とhogehoge()というjQueryで使える関数を作ります。 [js] jQuery.fn.extend({ hoge:function(vars){ jQuery(this).addClass("hoge").css({color:"#FFF"}); return this; }, hogehoge:function(){ var $this = jQuery(this); $this.html("hogehoge"); return this; } }); [/js] こんな感じで独自の関数を定義できます。コードの再利用が簡単になるので、覚えておいて損はないです。 return thisを返しておくと、メソッドチェーンができるようになるので、忘れずに入れましょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://s3pw.com/jQ-JPN/
http://istks.net/2266