Experimental CSS: Masonry layout without JavaScript
Jen Simmons is a member of the CSS Working Group. In this Codepen demo, she explores an experimental implementation of a potential CSS specification to support a masonry layout without using JavaScript. To experience it, visit the demo in Firefox Nightly (or Developer Edition) and follow her instructions to enable the relevant CSS features. | | Find Out More |
|
Other News
Experimental CSS: where()
Byte for byte, JavaScript is expensive. Adding flexibility to CSS makes it possible to accomplish more with less code, which can have a significant impact on performance. Firefox Nightly and Developer Edition are the first to support the CSS pseudo-class :where() , which provides developers a new way to signal their intent in CSS declarations.
Read The Spec → |
|
Stable CSS for performance: Faster image loading now |
|
Jen Simmons explains how to use CSS to improve your image loading performance (and user experience) in this Mozilla Developer video.
Watch Now → |
|
Stable CSS for accessibility: Using outline
Mozilla Tech Speaker Wojtek Połowniak recently launched a platform/personal blog created with #a11y and #performance in mind. His most recent article explains why and how to use the CSS outline property.
Learn Now → |
|
Check CSS browser compatibility easily in Firefox DevTools. Find the Compatibility panel in the Inspector sidebar in Firefox, Nightly or Developer Edition.
Try It Out → |
|
