Inkscape VS Clippy - CSS clip-path Generator

Inkscape Reviews

Clippy - CSS clip-path Generator Reviews

Inkscape mentions (484)

• Contextual SVG fill and stroke values - new SVG, goody!

  I created the initial version of the example in Inkscape v1.3.2. It produces markup that uses context-stroke. Vector graphics editors tend to be on the leading edge when it comes to adoption of SVG markup. It is the browsers that lag more often. - Source: dev.to / 8 days ago

• Ask HN: Modern Day Equivalent to HyperCard?

  Agreed. It would be nice if more apps would build scripting in. Krita has: https://scripting.krita.org/lessons/introduction while for Inkscape there is: https://inkscape.org/~pakin/%E2%98%85simple-inkscape-scripting. - Source: Hacker News / 19 days ago

• Happy Earth Day

  All in this challenge was a journey for me, but things I really loved creating the project was understand how to set an encode SVG as background image. For this, I created my ilustrations (industries, trucks, animals, etc.) on Inkscape, I copied the SVG code and encoded using oksel.github.io/url-encoder. - Source: dev.to / 25 days ago

• Open source at Fastly is getting opener

  Through the Fast Forward program, we give free services and support to open source projects and the nonprofits that support them. We support many of the world’s top programming languages (like Python, Rust, Ruby, and the wonderful Scratch), foundational technologies (cURL, the Linux kernel, Kubernetes, OpenStreetMap), and projects that make the internet better and more fun for everyone (Inkscape, Mastodon,... - Source: dev.to / 2 months ago

• A Non-Coders Guide to Open Source Contributions

  Through the years I've learned how to use some Open Source design tools like Inkscape, GIMP and Krita. While I'm not an expert on this area, I've used these tools to create graphics for some of my personal projects, and recently the logo of Let's Talk! Open Source, that I created using Inkscape. - Source: dev.to / 4 months ago

Clippy - CSS clip-path Generator mentions (23)

• Earth rescue - A CSS only game

  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 / 25 days ago

• 5 ways to style text with CSS inspired by the Spider-verse

  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 / 2 months ago

• I made a CSS Frankenstein 👻

  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

• off-line clip-path editor?

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

• Need help generating transform property for an image?

  However all of that is a lot of fiddly nonsense if you can just use a clip path: Https://bennettfeely.com/clippy/. Source: about 1 year ago