こんにちは、前々回、前回とアニメーションのお話でしたが、 今回はアニメーションにも関連してくるCSSOM View Moduleという新しい仕様 （2010年11月時点でWorking Draft） のお話です。 クロスブラウザの連載で草稿段階の仕様について触れることに不思議に思わ ...

今回はブラウザについて取り上げてみたいと思います。 フロントエンドの書くコードは全てブラウザ上で表示されます。 ということはブラウザがどのようにしてページを表示しているのかを理解することが非常に重要になってきます。 特にtoCのサービスに ...

ブラウザがページを表示する際にサーバーからHTMLのレスポンスを受け取ると、スクリーンにピクセルが描画されるまでに多くのステップが必要になります。ブラウザがページの最初のペイントを実行するために必要とするこのシーケンスは「クリティカル ...

こんにちは、前回はCSSOM View Moduleという仕様の解説がメインでしたので、 今回はそのAPIを使ったサンプルを見てみましょう。 ダイアログの表示 ウェブアプリでよく使われるインタフェースとして、 ページを覆い被せるように （動的に） コンテンツを表示 ...

while [CSSOM] defines that shorthand properties are serialized by appropriately concatenating the values of their corresponding longhands, shorthands that are specified with explicit var() functions ...

ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 下記は各ポイントを意訳したものです。

[cssom] Consider removing the ability to insert / remove @namespace rules from the OM. #2716 Open ...