ブラウザの描画関連プロファイリングツールと利用方法 - Qiita
Developer Toolsの下部、ハンバーガーボタンから"Rendering"を選択すると表示される。 項目 Paint Flashing 表示中のDOM要素内でリペイントを行う必要がある要素を緑色のボックスのオーバーレイで示す Layer Borders Compositing Layerとtileを表示する Compositing Layer: オレンジ/オリーブ色 tile: シアン FPS Meter 現在のFrame RateとGPUラスタライズの有効状況、GPUメモリの状況を表示する Scrolling Performance Issues スクロールのレスポンスを阻害するようなEvent Listenerやスクロールの度に再描画される要素があれば画面内に表示する Emulate CSS Media CSSのMediaタイプをprint/screenと切り替える Layer
CSS: will-change指定時の挙動, パフォーマンスへの影響と考察 - Qiita
※will-changeは編集時点(2016/07/27)でCandidate Recommendationの状態です。仕様変更による挙動差異などがあれば適宜コメントを頂けるとありがたいです。 TL;DR 使いどころ JavaScriptでアニメーションを行う際 CSS animation, transitionを:hover等で遅延実行する際 などの、初期値として変形やアニメーションの値を持たない要素を特定の要因で実行する際に効果を発揮する ユースケースによって、常に指定するか、動かす直前から指定して終了時に解除するかを判断する 最適化はUAごとに異なっており、かつ指定したからといって必ず恩恵が得られるものではない "おまじない"的な使い方も有りだが、本当にパフォーマンスが必要な場面で有効かどうかはブラウザの実装を調べるのがてっとり早い 前提知識 Webブラウザのレンダリングの仕組み ブ
本当にあったTouchEventの怖い話 - Qiita
事前知識: ブラウザ毎の差異 Android 2.x, 3.x 2.x, 3.x では伝統的に TouchEvent がまともに使えません。 経験上、一部端末でdocument.createEvent('TouchEvent')するとNOT_SUPPORTED_ERRを吐くなどの現象が見られ、seleniumのこのコードでも、MouseEventsを利用して無理矢理回避しています。 4.x (Stock Browser & WebView) 4.x では、やっと TouchEvent が利用できるようになります。 が、 イベントの初期化方法が後述する iOS のソレと異なっています。同じくselenium上のコードではこのように回避しているのが見受けられます。 // Android's initTouchEvent method is not compliant with the W3C
忙しい現代社会人のために習うより慣れる AngularJS のリンク集 - Qiita
忙しくない人は、公式のチュートリアルを頭から全部やると良いです。めんどくさくてそっちはやってないので分かりません。 とりあえずここを開いてジャッヴァスクリプトを眺める モジュールについて 基本中の基本。特に推奨セットアップのところを見ておけば良い。 DI(依存性注入)について こっちを読んだ方が幸せになれるかも。 どんなサンプルを読むにあたっても、DI の仕組みを知ってないと辛くなる。仕組み自体はよくできているが取っつきづらい。 特に 引数名で渡される実体が変わる 部分は慣れるまで気持ち悪い気がするし、ぼくは気持ち悪い。もっと言うと、minify した場合などで変数名が変わると動作しなくなるため基本的には変数名を指定して、実体を捕捉する必要がある。 var sampleApp = angular.module('sampleApp', []); /** たとえば、Controller で
幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが選ばない HTML GUI ツール6選 - Qiita
調べつつ社内向けに書いたけど別に競争的な内容(わらい)を含んでないのでインターネットの皆様でお役立てください。 いわゆる情報量が低い記事となっておりますので、各位共々よろしくお願いいたします。 追記 この記事はネタをネタとして楽しめる子供のインターネットとしてお楽しみください dis られたので、真面目に考えてみた。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 よーけんてーぎー HTML + CSS の職人技を軽減させる 視覚的に HTML の構築と CSS のスタイリングができる モジュール化などしてくれて再利用性が高い 大規模案件にも耐えうる CSS (Sass) 管理 アセット管理 少なくともこの2つが何とかなればあとは目をつぶれる…つぶれる…つぶれ！ あとは テンプレートファイルが読み込めたりとかできる Web Co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
