CSS masonry with flexbox, :nth-child(), and order

Codes
Excerpt

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 mosaic) layout is surely not as robust, flexible, and foolproof as a JavaScript implementation (like Masonry) but if you don’t want…

Choose Better. Culr Palettes.

Tools
Excerpt

Culrs is an open platform created by two designers who are passionate about building products for the design community. The idea was to build a website, where the user could choose color palettes for their application with extreme ease. What makes Culrs different is that there is no more manual process of creating a suitable…

Guetzli – A New JPEG encoder by Google

Tools
Excerpt

Google released a open source JPEG encoder that can create images file sizes 35% smaller than currently available methods, enabling webmasters to create webpages that can load faster and use even less data. Using a different method than other optimizers, Guetzli doesn’t have a set of rules or laws in a race to the lowest file size…

Front-End Developer Handbook 2017

Resources
Excerpt

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017. It is specifically written with the intention of being a professional resource for potential and…