» スクロール時にCSS3 Animationsを一時停止したらFPSがけっこう良くなった | negic
パララックスなサイトを作る際に、スクロールに応じてJSで要素を動かすと思うのですが、その時にある場所でCSS3 Animationsが動いていると、スクロールがカクついてしまい、FPSが残念な状態になります。 そこで、スクロールが動き出した時にCSS3 Animationsを止めて、スクロールを止めた時にCSS3 Animationsを再度動作させるという処理を加えれば、スクロールがカクつくことなく、スムーズになります。 スクロールや、リサイズといったJavaScriptのイベントは連続で処理されます。そういったイベントの「開始した時」「動作している時」「停止した時」の状態が取れるjQueryのプラグインを作成しました。 jQuery.MovingState このプラグインを使い、CSS3 Animationsを動的に操作してみたいと思います。 CSS3 Animationsを一時的に停止
JavaScript closures vs. anonymous functions
A friend of mine and I are currently discussing what is a closure in JS and what isn't. We just want to make sure we really understand it correctly. Let's take this example. We have a counting loop and want to print the counter variable on the console delayed. Therefore we use setTimeout and closures to capture the value of the counter variable to make sure that it will not print N times the value
Redirecting to https://getdatepicker.com/
Redirecting to https://getdatepicker.com/4/
%25E3%2582%25B3%25E3%2583%25B3%25E3%2583%2591%25E3%2582%25A4%25E3%2583%25AB%25E5%2585%25A5%25E9%2596%2580%26diff%3D2102%26oldid%3Dprev)
Haxe(JavaScript)コンパイル入門 - FlashDevelop.jp
セットアップ手順 Haxeのインストール Haxeの公式サイト( http://haxe.org/download )からHaxeをインストールしましょう。Downloadページにある［Automatic Installer］(自動インストール)の項目から、Windows用の［Windows Installer］を選択します。 インストーラーを実行するとセットアップの手続きが始まりますので、手順どおりに［Next］ボタンをクリックしてインストールします。 これでHaxeのインストールは終了です。FlashDevelopでHaxeを利用できるようになります。 プロジェクトの作成 メニューから［プロジェクト(P)］→［新規プロジェクト(N)］を選択して、プロジェクト作成ダイアログを開きましょう。 プロジェクトの設定 ダイアログは次のように入力します。 ［Haxe］の一覧から［JS Projec
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 １．はじめに TwitterやPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!（エクスクラメーション）」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="twitter-share-button" data-via="yujiro" data-lang="ja" data-size="large">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
