HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック - builder by ZDNet Japan
Adobe Systemsがロサンゼルスで5月に初旬に開催した「Adobe MAX 2013」において、HTML5 Boilerplateの開発者として知られるPaul Irish氏の講演「Mobile CSS Performance」を聴講した。その内容をベースにしながら、CSSを高速化するためのさまざまなテクニックを紹介する。 Paul Irish氏は、HTML5 BoilerplateやModernizrなどの開発者として世界的に著名なGoogleのエンジニア。その彼が直接CSSのパフォーマンスを語るとあって、セッションは大変な人気であった。 一般的にウェブページの高速化、特にモバイルにおいてはCSSを高速化することよりもネットワークのパフォーマンスを最適化する方が効果が高い。そのため、まずはPageSpeedやYSlowなどを効果的に使用し、HTTPリクエスト数を減らす、ダウンロー
CSS Cake - understandard
CSS Programming Advent Calendar 2012 の5日目の記事です。 CSS Cake というバースデーケーキを作ってみました。 参加表明時に「アニメーション系の組み合わせ。実用性ないやつ。」というコメントを書いておいたので、そういうネタで。 jsdo.it がサービス終了したためサンプルは見れません なお、検証は以下の2つでのみ行なっています。 Windows については、フォントの関係でちょっとズレが出てますが、動作はします。 Mac: Mountain Lion、Chrome バージョン 23.0.1271.95Windows: Windows 7、Chrome バージョン 23.0.1271.95 m 仕組みについて 今回のサンプルで多用したのは、以下のもの。 サンプルを作成するにあたり、まとりさんの記事を参考にさせてもらいました。 CSS アニメーション
Skin your Chrome Inspector
Ever want to change the look of your Google Chrome Web Inspector? I personally love being able to customize the “theme” or “brush” of my favorite IDE and my Web Inspector is no different. If you’ve ever done some snooping around Google Chrome’s Web Inspector you may have noticed that it’s made of straight HTML + CSS + JavaScript. My buddy Paul Irish was the one to show me how you can “inspect” the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
別ドメインのiframe上でE:target{...}が使えない（解決）
Chrome Beta for Android CSS HW acceleration test
