Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor

Shape outside and clipping paths are going to make the rest of the web designs for this year and into 2019 look a whole lot better. We haven’t gone there yet, but I can see a magazine style layout that has more art direction start to become a trend shortly.

CSS Shapes let your web designs break out of the rectangular grid. All of those classic magazine design elements like non-rectangular text flow and shaped images can be yours, for the low low price of using a new CSS standard. Text can flow, images can be rounded, even just a few non-parallel lines can make your site stand out and make your brand distinctive. Standing out is the biggest challenge most sites face today. Shapes can help!

An excerpt from Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.