With the Visual Viewport API landing in Chrome 61, this demo demonstrating the differences between both, and also the differences on how each browser vendor implements ‘m comes in handy: Visual vs. Layout Viewport Demo →
Tag Archives: rendering
Inside a super fast CSS Engine: Quantum CSS (aka Stylo)
Great writeup on how Firefox’s new CSS Engine “Quantum CSS” works. Also sports a clear and in-depth explanation of the rendering pipeline, with some nice illustrations to go along. You may have heard of Project Quantum… it’s a major rewrite of Firefox’s internals to make Firefox fast. We’re swapping in parts from our experimental browser, …
Continue reading “Inside a super fast CSS Engine: Quantum CSS (aka Stylo)”
Understanding the Critical Rendering Path
When a browser receives the HTML response for a page from the server, there are a lot of steps to be taken before pixels are drawn on the screen. This sequence the browsers needs to run through for the initial paint of the page is called the “Critical Rendering Path”. Good and short writeup on …
Continue reading “Understanding the Critical Rendering Path”
Is Houdini ready yet‽
“Is Houdini ready yet‽” is a dedicated page to tracking the status of Houdini. But what is Houdini? Here’s a snippet from Smashing Magazine: Imagine how much nicer your development life would be if you could use any CSS property and know for sure it was going to work, exactly the same, in every browser. …