It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
I like Adam Laki's Quick Tip: CSS Triangles because it covers that ubiquitous fact about front-end techniques: there are always many ways to do the same thing. In this case, drawing a triangle can be done:
border and a collapsed elementclip-path: polygon()transform: rotate() and overflow: hiddenI'd say that the way I've typically done triangles the most over the years is with the border trick, but I think my favorite … Read article
This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to do this and without a ton of hacks, too.
I also think it’s super cute that Adrian has made the code snippets in this post look like the display from an old monitor, like the one Chris recently broke down.… Read article