This project is developped for help junior developpers to understand and use different properties. As trainer in web development, I saw many of my students have difficulties.
There are lot of project doing the same as mine, but often each one on differents places. My goal is to bring them all in the same project.
Even if I thought to use SCSS, Typescript or others, I choosed to work on the bases. Nothing more than HTML, CSS, Javascript, but with the last evolutions. problem of this project, lack of polyfill, old navigators could have some difficulties.
For the moment only a few tools are avaible, but a lot are in project :
- Grid Generator
- Shadow Generator
- Color Selector
- Glass Generator
- Gradient Generator
- Bezier Generator
- Flex Generator
- Properties Comparator
- Tool search input
- Language selector (FR/EN)
- Movable tools
- Reducible tools
- FullScreen tools
- Help Menu on tools
Many tools and easter eggs will be added. Otherwise I will maybe do a docker version or a vscode extension, a WPA is also possible, it's still need to be think. But for the moment, the more important is to add new tools. I'm open to ideas of tools, design (My biggest weakness) or other improvement (and more if you find bugs).
WebTool by Nolwenn WEBER-MARQUISET is licensed under CC BY-NC-SA 4.0