Browser
Debug¶
articles¶
- ブラウザにやさしいHTML/CSS
- Send beacon data in Chrome 39
- フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita
- [フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
- Tech TIPS：各Windows OSでのInternet Explorerのサポート終了時期を知る - ＠IT
- Chrome - HTML の script タグ内にインラインで書かれた js をデバッグする方法 - Qiita
viewport¶
- これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ - てっく煮ブログ
- iOS9でviewportのinitial-scaleが無効になる時の対策 | 株式会社クオックス | QOX Inc.
shrink-to-fit=no
パフォーマンス・高速化・最適化¶
- ブラウザのパフォーマンスを限界まで高める HTMLコーディングの考え方
- HTML5 - Webフロントエンド表示速度、最速化手法まとめ - Qiita
- ハイパフォーマンス・アニメーション - HTML5 Rocks
- HTML5 Experts.jpはなぜこんなにパフォーマンスが悪いのか…全てお見せします！ーWebパフォーマンス改善企画（解析編）
- モバイルサイトの読み込み速度とパフォーマンスをテストする - Google
Service Worker¶
Service Worker はブラウザが Web ページとは別にバックグラウンドで実行するスクリプトで、Web ページやユーザのインタラクションを必要としない機能を Web にもたらします。将来的にはプッシュメッセージ、バックグラウンド同期、ジオフェンシングなどが導入されるでしょう。しかし最初は、ネットワークリクエストへの介入や処理機能と、レスポンスをプログラムから操作できるキャッシュ機能に限定されます。 この API にとてもわくわくするのは、オフライン体験をサポートし、そしてその体験を開発者が完全にコントロールできることにあります。
Internet Explorer¶
- Internet Explorer 11 をビルトイン Administrator で使用すると、名前付きのウィンドウの名前が認識されない
- IE11のユーザエージェント問題 - 開発者側でできる対策 (判定方法の変更/互換性モードの利用) - ふろしき.js
互換表示¶
- IE対策：互換表示させない。 - Qiita
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>