Articles by Rachel Andrew
-
Multiple-column Layout and column-span in Firefox 71
Firefox 71, now available in Developer Edition and Beta, is an exciting release for fans of CSS Layout. Recently, we covered the arrival of subgrid in Firefox, but there is another property that we've also been keeping an eye on. Firefox 71 implements column-span from Multiple-column Layout. In this post Rachel Andrew describes the progress of the Multiple-column Layout specification.
-
The two-value syntax of the CSS Display property
The display CSS property is how we change the formatting context of an element and its children. One of the first things you will learn about CSS is that some elements are block by default, and others are inline. The display property enables switching between these states. With support currently available only in Firefox 70, it is too early to start using these two-value properties in production. However, they are important to be aware of, in terms of what they mean for CSS.
-
New CSS Features in Firefox 68
Firefox 68 landed earlier this month with a bunch of CSS additions and changes. In this blog post Rachel Andrew takes a look at some of the things you can expect to find, like Scroll Snapping done right, the
::marker
pseudo-element, and new tooling in Firefox DevTools for working with CSS. -
CSS Scroll Snap Updated in Firefox 68
The CSS Scroll Snap specification gives us a way in CSS to snap between different elements in a page or scrolling component. In this post, Rachel Andrew explains how scroll snapping works, why we had a situation where browsers were running different versions of the specification, and how that's changing.
-
CSS Grid Level 2 – subgrid is coming to Firefox
The subgrid feature which is part of Level 2 of the CSS Grid Specification is not yet shipping in any browser, but is now available for testing in Firefox Nightly. This is a feature that, if you have used CSS Grid for a layout of any complexity, you are likely to be pretty excited about
-
New flexbox guides on MDN
With Flexbox and Grid, plus the related specifications of Box Alignment and Writing Modes, we have new layout models for the web, which have been designed to enable the types of layouts we need to create. Whether your interest is in being able to implement more creative designs, or simply to streamline development of complex user interfaces Rachel Andrews' thoughtful materials will help you to gain a thorough understanding of the power of Flexbox and Grid working together.