Skip to content

This website is developped for help junior developpers to understand and use different properties

License

Notifications You must be signed in to change notification settings

NolwennWM/webtool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web tools

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.

Choice of technologies

logo of HTML logo of Javascript logo of Javascript

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.

Tools

For the moment only a few tools are avaible, but a lot are in project :

Current

  • Grid Generator
  • Shadow Generator

Work In Progress

  • Color Selector
  • Glass Generator
  • Gradient Generator
  • Bezier Generator
  • Flex Generator
  • Properties Comparator

Other functionnalities

  • Tool search input
  • Language selector (FR/EN)
  • Movable tools
  • Reducible tools
  • FullScreen tools
  • Help Menu on tools

Futur of the project

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).

Licensing

WebTool by Nolwenn WEBER-MARQUISET is licensed under CC BY-NC-SA 4.0CC logoby logonc logosa logo