These are a list of programs and websites to aid in the development of web apps or any type of programming in general. I try to avoid the obvious ones (I.E. VSCode, GitHub, Etc...) and find some interesting ones!!!

In no particular order...

Planning/Productivity

• Figma - A way to design a website also has collaborative capabilities.
• Bundle Phobia - Computes the size and load time of for your bundles, can either search or upload a JSON file of your bundles.
• Font Flipper - Helps you find fonts from the Google Fonts library in a convenient Tinder-esque way.
• Adobe Color Wheel - Helps you explore colors and find suitable 0nes for your next project
• Coolors - A slick site for generating pleasing pallets of color for your next project. Highly Recomend!!
• Trello - A way to keep track of tasks for any sort of personal or group project.
• Bubbl.us - Brain storm using mind-maps.
• JSONPlaceholder
• Draw.io - Flow chart and diagram maker.
• WakaTime - Track and analyze how you spend your time coding.
• Mockaroo -"Mockaroo lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats."
• Browser Shots - Test your website in a huge collection of different browsers.
• fake{JSON} - Quickly create fake JSON data for testing.
• Sizzy -"A tool for developing responsive websites crazy-fast, made by @thekitze"
• unDraw - Open source illustrations for any project
• Build RegEx - A visual tool for generating RegEx expressions
• Regulex - A tool for visualizing RegEx expressions
• RegExr - A website for learning, building and testing RegEx expressions.
• HTTPie - "HTTPie—aitch-tee-tee-pie—is a command line HTTP client with an intuitive UI, JSON support, syntax highlighting, wget-like downloads, plugins, and more."
• VisBug - Edit Content of a webpage inside of Google Chrome.
• Insomnia - A pretty darn cool REST Client for debugging APIs )
• Codeply - "Responsive Design Playground & Frontend Editor."

Content Creation

• Flare - Easily create animations for your website in in browser
• Vectr -"Vectr is a free graphics software used to create vector graphics easily and intuitively. It's a simple yet powerful web and desktop cross-platform tool to bring your designs into reality."
• Canva - Free online graph and charts maker
• Photo Creator - Free Stock Image Generator
• Videvo - Free stock videos
• Pexels - Free stock videos
• XD - Website and app designer

Resources

• DevDocs.io - Many useful documentations all in one place
• WolframAlpha - "Computational Intelligence"
• Google Fonts - Large collection of free fonts you can use for your projects
• Up - Free assets for websites and mobile apps

Git

• GitKraken - Github GUI
• Sourcetree- Another Github GUI

API

• Postman - An environment for developing APIs
• Apify - Automated web scraping platform. "Turn any website into an api in minutes!"

OS Tools

• Spectacle - Control your windows via keyboard shortcuts.
• Oh My Zsh -
• Prettier - Make your code prettier
• Hyper - A better terminal

Miscellaneous

• CloudConvert - Convert anything to anything/cloud based converting/Runnable via api calls
• 10 Minute Mail - Exactly what it says it is
• IFTTT - Super awesome program!!!!
• Grammarly - Grammer correction program/extension
• Snapdrop - Send files easily across platforms
• JSON Parser - Parse your ugly json strings
• Carbon - Take pretty screen shots of your code
• GTmetrix - Analyze the resources and speed of your website