Small knowledge, big challenge! This article is participating in the creation activity of “Essential Tips for Programmers”

Make some waves!

getwaves.io/

This is an SVG generator for creating waves. You can specify the wave

  • The shape of
  • The direction of
  • color
  • The opacity
  • “Curve”

Delimiter making

Wweb. Dev/resources/c…

I love this so much, I usually use this site when I’m making official company websites or something like that, to generate code with one click.

CSS Grid Generator

cssgrid-generator.netlify.app/

You can use the mouse to split and merge cells, quickly generate CSS grid code, I think this tool for beginners this tool is very good, after all, grid is very good. Of course, there are many similar websites, if you think this is not good, you can tell me, I have a lot of this.

CSS Clip Path Maker

bennettfeely.com/clippy/

The clip-path CSS property uses clipping to create a displayable area for an element. The part inside the region is displayed, and the part outside the region is hidden.

For example, triangles, polygons, and some irregular shapes, such as arrows, ❌, can be made with it. I think some personal blog sites, the official website of the company, can be appropriately introduced to add interest.

Fancy border generator

9 elements. Making. IO/fancy – borde…

Recently in the development of personal blog, always feel special boring, no what fun point, so I began to search “fun CSS”, finally found this baby website, to tell the truth, some graphics, I really can’t write!!