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
Top comments (3)
Thanks for sharing this! I'll definitely be referring to this when I need some good ideas for projects!
Perfect 5/7
Thanks for sharing. I loved the idea of this 10 minutes mail, best if you are worried about sharing your email due to privacy concerns and spams.