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.