
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