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.
Inspirational Sources
Other
Github.dev
Leave a Reply