Daily Shaarli

All links of one day in a single page.

Previous day

January 28, 2020

Next day

ESLint configuration and best practices

If you've never heard of Airbnb style guide, I highly recommend that you take a look at the following pieces of documentation:

  • Airbnb JavaScript style guide
  • Airbnb React style guide
  • Airbnb CSS in JavaScript style guide
  • Airbnb Sass style guide
Understanding CSS Grid: Grid Lines — Smashing Magazine
thumbnail

In the first article in this series, I took a look at how to create a grid container and the various properties applied to the parent element that make up your grid. Once you have a grid, you have a set of grid lines. In this article, you will learn how to place items against those lines by adding properties to the direct children of the grid container.

CSS { In Real Life } | Optimising SVGs for the Web
thumbnail

Optimising SVGs (scalable vector graphics) for web projects has the dual benefits of reducing the file size and making them easier to work with. But plenty of times I’ve opened up a web project and found that SVG assets could be made significantly smaller with some straightforward optimisations. In this article I’ll share my process for optimising SVG assets, which may help you if you’re a designer or developer unfamiliar with working with SVG on the web.