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, Servo, and making massive improvements to other parts of the engine.
The first major component from Servo – a new CSS engine called Quantum CSS (previously known as Stylo) – is now available for testing in our Nightly version.
Grid Layout finally gives us the ability to define grids in CSS and place items into grid cells. This on its own is great, but the fact that we don’t have to specify each track and we don’t have to place every item manually makes the new module even better. Grids are flexible enough to adapt to their items.
This is all handled by the so called explicit and implicit grid.
Bram.us is the technical/geeky weblog of Bram Van Damme (nicknamed Bramus!), a 33 year old geezer raised in Deinze and living in Vinkt (Belgium) with his son Finn and his daughter Tila.
Professionally — after having worked as a web developer for several years at several web agencies — Bramus became a Lecturer Web Technologies within the study programme Professional Bachelor ICT.
Having worked in education for seven years he – in 2015 – moved on to become part of the team at Small Town Heroes (Ghent, Belgium). Bramus also freelances using the 3RDS moniker.
In his spare time Bramus likes to go Scuba Diving. In 2016 he became a certified PADI Master Scuba Diver. Fewer than two percent of divers ever achieve this rating. Currently he’s studying to become a PADI Divemaster.