Clippy - CSS Clip-path Maker Reviews

CodePen Reviews

Clippy - CSS Clip-path Maker mentions (24)

• Frontend resources! 🚀

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

• 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 / about 2 months 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 / 3 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: 12 months ago

CodePen mentions (487)

• Flems.io

  Flems.io is similar to online editors like CodePen or JSFiddle, but has one unique selling point. You do not need an account or any external memory: Flems.io stores all data in the URL!. This is ideal for short tests and demos provided on dev.to or other online media. - Source: dev.to / 9 days ago

• Enhance CSS view transitions with Velvette

  See the Pen Todo list transition by david omotayo (@david4473) on CodePen. - Source: dev.to / 17 days ago

• Building the Blocks of the Web: A Beginner's Guide to HTML

  The key to mastering HTML is consistent practice. Experiment with different tags, attributes, and layouts to solidify your understanding and gain creative confidence. There are many online playgrounds like CodePen [https://codepen.io/] where you can experiment with HTML, CSS, and JavaScript code. - Source: dev.to / 24 days ago

• Things you should do in your dev journey 🖥️👩‍💻

  Build Projects: Websites like GitHub and GitLab host countless open-source projects where you can contribute and collaborate with other developers. Moreover, platforms like CodePen and Glitch provide environments for building and sharing web projects. - Source: dev.to / 2 months ago

• 10 Websites Every Web Developer Should Bookmark

  (https://codepen.io/) This online code editor and community is a playground for developers. Experiment with HTML, CSS, and JavaScript code snippets, create visual demos, and share your creations with the world. CodePen is a great way to showcase your coding skills and learn from others. - Source: dev.to / 3 months ago