Awesome Tools and Websites
This Articles holds Links to Tools and Websites that have proven to be very useful, atleast for me, and I want to share them here. I have Split them up in the following Categories.
- Tools and Websites
- Learning and Developing Websites
- Visual Studio Code Extensions
- Inspirational Sources
- Other
Tools and Websites
| Link | Description |
|---|---|
| StackEdit | I myself write the Articles for my Blog in the Markdown Format and StackEdit helps me with that. |
| Jsbin | Jsbin is relly similiar to Code Pen but I like it a bit more. It just feels like less which could be more. |
| Trello | If you want to plan your tasks with your team you can do this with Trello. |
| Google Tasks | Or if you just want to save some personal Tasks Google Tasks will do just fine. |
| Deepl | Translating made easy with this awesome website that is mostly free and way better than google translate. |
| WordPress | With WordPress you can easily make your own website without learning to code. |
| Regex101 | Testing and Learning Regex is easy with regex101. You can see what your expression will match and you can export it as code in a language of your choice. |
| Convertio | This Website Magically converts files. |
| Grammarly | Grammarly helps me write Articles where the grammar is better, even though I am not an Native English Speaker. |
| Microsoft Terminal | Microsoft Terminal is the new Commmand Line Application that has some awesome features most notably tabs. |
| tangrams.github.io/heightmapper | Use this Website to download PNG Heightmaps of real world map snippets. |
Learning and Developing Websites
| Link | Description |
|---|---|
| W3 Schools | Everyone knows this, the W3 Schools Tutorials are good for Beginners since their easy and accesible. |
| MDN Docs | When you are a more Advanced Web Developer you may want to look into the Awesome MDN Docs that are a little more complicated but much more extensive. |
| JavaScript.info | When I learned JavaScript this website was the best resources. It not only uses clever examples it also shows you what you would not normally learn. |
| toolkit.addy.codes | This is a website consisting of many links to web developement resources. It can also serve as an inspirational source. |
| Webapicheck | With this website you can check which JavaScript Web Apis work on your browser, It is also intresting to see the possibilities. |
| SVG Path | This website helps you in creating Scalable Vector Graphics by showing you a live preview. |
Visual Studio Code Extensions
| Links | Description |
|---|---|
| PHP Server | With PHP Server you can run .php from your editor. |
| Live Server | With this Extension you can run html files that will automatically reload once changes are made. This can make developing way faster. |
| Quokka.js | Quokka js shows JavaScript outputs right in the Editor, this is really good to quickly see what a certain function does. |
| JavaScript Booster | Inline Fold will make the content of class attributes foldable so long class names aren’t always visible. |
| Tabnine | Tabnine is like Github Copilot. |
| Inline Fold | When you want to have HTML syntax highlighting in JavaScript strings this extensions does just that if you preface string like that with /* html */ |
| es6-string-html | When you want to have HTML syntax highlighting in JavaScript strings this extension does just that if you preface string like that with /* html */ |
| Intellisense for CSS Class Names | This Extensions will look for the Stylesheets in you html file and it will try to give you code completions with classes it finds. |
| Godot-Tools | It does what is says on the Box, this cool extension enables Godot Game Developement through VSCode. |
Leave a Reply