Flexbox has no easy way of rendering items with a column layout while using a row order, but we can build a masonry layout with CSS only—no JavaScript needed—by using :nth-child() and the order property. This CSS-only way of creating a masonry (or…
A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open source and MIT licensed. [link_button href="https://cssfx.dev/" target="_blank"]CSSFX.dev[/link_button]
Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. The content of this project itself is licensed under the…
JavaScript is great, and by all means use it, while also being aware that you can build so many functional UI components without the additional dependancy. Una Kravets (@una) took a look at the power…
Style your TinyMCE or Markdown generated content with a single CSS class, wysiwyg.css file is a simple collection of styles targeted at HTML elements generated from a WYSIWYG editor (like TinyMCE) or Markdown. Its purpose…
Bulma is a CSS framework, as such, the sole output is a single CSS file. You can either use that file, "out of the box", or download the Sass source files to customize the variables.…
The CSS Grid Layout specification is one of a few new specifications that are redefining how we approach layout for the web. Alongside Flexbox and the Box Alignment Module it will become part of a…
Web Code Tools is a powerhouse of tools for making HTML/CSS easy. It includes many amazing tools for CSS3, HTML5, Microdata, Meta Tags, Facebook Opengraph, Twitter Card etc. CSS 3 generator includes animation, background gradients, border…
Frend components are modest and dependency-free. They are built with web standards as a priority and aim to avoid assumptions about tooling or environment. Care has been taken to make sure each component is compliant,…
sanitize.css makes browsers render elements consistently and allows you to style with today’s best practices out-of-the-box. Sanitize follows in the footsteps of normalize.css and reset.css — standardizing browsers while giving you the canvas you want…