This is an ongoing list of tools and resources I use for interactive design and development. For feedback feel free to reach out to Rich Hauck.
A customizable extension for colorizing matching brackets
Beautify code in place for VS Code
Highlight web colors in your editor
Automatically generates detailed JSDoc comments in TypeScript and JavaScript files.
Integrates ESLint JavaScript into VS Code.
Monospaced font with programming ligatures
Launch a development local Server with live reload feature for static & dynamic pages
Vue tooling for VS Code
REST Client allows you to send HTTP request and view the response in Visual Studio Code directly.
Icons for Visual Studio Code
Vector icons and social logos
Icons included in the Foundation framework
Icons included in Google's Material Design
React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more.
Browser devtools extension for debugging Vue.js applications.
The WAVE Chrome and Firefox extensions allows you to evaluate web content for accessibility issues directly within Chrome and Firefox browsers.
Search for free content in the public domain and under Creative Commons licenses.
Stunning free images & royalty free stock
The best free stock photos & videos shared by talented creators.
The internet’s source of freely useable images. Powered by creators everywhere.
Make images smaller using best-in-class codecs, right in the browser.
Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality.
In-browser PNG and JPG compression
Application for API development