Making Complex CSS Shapes Using shape()
Creating rectangles, circles, and rounded rectangles is the basic of CSS. Creating more complex CSS shapes such…
Responsive Hexagon Grid Using Modern CSS
Five years ago I published an article on how to create a responsive grid of hexagon shapes….
Getting Creative With shape-outside
Last time, I asked, “Why do so many long-form articles feel visually flat?” I explained that: “Images…
Getting Creative With Images in Long-Form Content
When you picture placing images in long-form content — like articles, case studies, or reports — the…
Better CSS Shapes Using shape() — Part 4: Close and Move
This is the fourth post in a series about the new CSS shape() function. So far, we’ve…
CSS Blob Recipes
Blob, Blob, Blob. You hate them. You love them. Personally, as a design illiterate, I like to…
Better CSS Shapes Using shape() — Part 3: Curves
If you’re following along, this is the third post in a series about the new CSS shape()…
Better CSS Shapes Using shape() — Part 2: More on Arcs
Ready for the second part? We are still exploring the shape() function, and more precisely, the arc…
Better CSS Shapes Using shape() — Part 1: Lines and Arcs
Creating CSS Shapes is a classic and one of my favorite exercise. Indeed, I have one of…