Finally, our speaker needs a dot pattern to simulate the speaker grill on the Yak Bak. I’ve used https://doodad.dev/pattern-generator/ to generate the pattern, and clicked “CSS Background Image” to get the CSS property we need to add to our code. The site gives the code assigned to the background property, which will overwrite the background property we already have assigned for color. We can change it to... - Source: dev.to / over 1 year ago

Clip path: Get creative with shapes using Clippy. - Source: dev.to / 12 days ago

In the beginning I only had buttons to click, but then I guessed I could make small icons for the ecological disasters and I found Bennett Feely's CSS clip-path maker. Altough I know Adobe Illustrator and also wrote some SVG by hand, I was lazy to figure out all the shapes and I didn't want to include any images or vector graphics at all in this project. So that website came in very handy. - Source: dev.to / about 1 month ago

To create this CSS glitch animation, we used the clip-path property. You can use Bennett Feely’s Clippy tool to generate clip-path properties in any of the preset shapes or to make a custom clip-path. Ours had only four points — what if yours has eight points like a spider? - Source: dev.to / 3 months ago

Also, the hair fringe was perfectly suitable for a clip-path. I used this other cool website in order to better visualize what I was clipping. I basically want a triangle, so I can obtain it with:. - Source: dev.to / 7 months ago

Is there an offline equivalent to the online "clippy" editor? Preferably one with more features? Source: 11 months ago