CSS Reference

A lot of the CSS properties documented on MDN (reference of all properties available [1]) come with interactive examples, for instance background-color and flex to pick two random samples. There are great introductions to CSS concepts in general on MDN as well (flexbox, grid).<p>Contributions to MDN are welcome. All you need is an account, and their reference reads more like documentation and less like an ad :)<p>[1]: <a href="https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;CSS&#x2F;Reference" rel="nofollow">https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;CSS&#x2F;Reference</a>

The author of this site is also the author of Bulma (<a href="https:&#x2F;&#x2F;bulma.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;bulma.io&#x2F;</a>) - my goto CSS framework. He&#x27;s also created another similar site for HTML: <a href="https:&#x2F;&#x2F;htmlreference.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;htmlreference.io&#x2F;</a>

<a href="https:&#x2F;&#x2F;github.com&#x2F;jgthms&#x2F;css-reference" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;jgthms&#x2F;css-reference</a>

The first page I looked at, for align-content, says:<p>The remaing space is 150px<p><a href="https:&#x2F;&#x2F;cssreference.io&#x2F;property&#x2F;align-content&#x2F;" rel="nofollow">https:&#x2F;&#x2F;cssreference.io&#x2F;property&#x2F;align-content&#x2F;</a><p>Also, I lead a fairly ad-free life, so there&#x27;s way too many ads for me to consider using it regularly - those fixed-on-the-screen ones are especially intrusive. A shame as it looks like a good idea.

Cool, but slow. Couldn&#x27;t all the data be packed into frontend? Waiting even a sec to check out some property is impractical.

This is really useful - bookmarked.