Fireship on MSN

CSS grid in 100 seconds

A lightning-fast crash course on CSS Grid, the most powerful layout system in web design. Learn how to create responsive, ...
Wired

Blueprint: Beautiful CSS Grid Layouts Made Easy

Web designers, it's the moment you've been waiting for — a CSS grid framework. If you've been wanting to use grids with your CSS-based designs, but don't want to spend the time (and do all the math) ...
InfoWorld

Intro to Pure CSS: Minimal, modular CSS layouts

At the outset, Pure makes clear that it is mobile-first and delivers itself in a tiny file size: 3.7KB for the entire package when compressed. The framework is intended to be flat and extensible, ...
GIGAZINE

The official WebKit blog has published a design example of a masonry layout that arranges items in a tiled pattern.

A masonry layout is a layout in which content is stacked like a brick or stone wall, as shown below. It is also called a waterfall layout because the content flows down the page like a waterfall.