A Guide To New And Experimental CSS DevTools In Firefox

As I’ve mentioned (a lot) before, I’ve switched over to Firefox as my primary browser. At first, the only downside was my lack off familiarity with the dev tools, but now I prefer it over Chrome’s. In this tutorial, you can see how the Grid Inspector, Fonts editor, Shape Path Editor and more work (seven tools in total)

CSS Shapes allows you to define shapes for text to flow around: a circle, a triangle, or a many-sided polygon. It can be used with the clip-path property which allows you to trim elements to any of those same shapes. These two techniques together open the possibility for some very unique graphic design-inspired layouts.

An excerpt from A Guide To New And Experimental CSS DevTools In Firefox

View original article