xy.css

Blog

Tips, tricks, news & stuff.

Checking the grid below the fold

When designing on the grid, there are numerous ways to check that elements are properly aligned. For example, when working with xy.css the visual matrix lets you “see” how elements are lining up (or not) with the grid.

Remove @media print styles from xy.css?

A post to hopefully get some feedback on the inclusion/exclusion of @media print styles currently included in the xy.css stylesheet.

3D CSS Matrix

By combining the vertical grid and horizontal grid, we establish a two-dimensional (2D) design matrix for creating precise, rhythmic CSS designs. But we can go even further by considering the “z-axis” to bring a third dimension to the CSS matrix.

Grab the feed