28 free resources for web developers
Tags: beginners, javascript, webdev, design
Published: 2020-08-30 18:37:14

Below you will find a curated list of resources I have found useful in my endevours designing and developing web applications.

## 💻 Blogs
- [Flavio Copes](https://flaviocopes.com/) - seemingly endless articles on a wide variety of technical subjects. Most articles are related to web development. 
- [7 Practical Tips for Cheating at Design](https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886) - a great list of tips to keep in mind when doing web design. They do a fantastic job explaining the concepts, and the article is written to help developers who may struggle with design.
- [UX Collective](https://uxdesign.cc/) - curated stories on UX, usability, and design.

## 💾 GitHub repositories
- [freeCodeCamp](https://github.com/freeCodeCamp/freeCodeCamp) - freeCodeCamp has a repository that's home to their open source codebase and curriculum.
- [free-for.dev](https://github.com/ripienaar/free-for-dev) - a list of software products which have free tiers for developers.
- [Free programming books](https://github.com/EbookFoundation/free-programming-books) - a list of free programming books, with many available languages.
- [Awesome podcasts](https://github.com/rShetty/awesome-podcasts/blob/master/README.md) - a list of podcasts, most of which are development related.
- [Marketing for Engineers](https://github.com/goabstract/Marketing-for-Engineers) - a curated list of marketing resources for developers.

## 🌈 Colors
- [Coolors](https://coolors.co/) - generate and browse color palletes.
- [ColorHunt](https://colorhunt.co/) - curated color pallettes, great for inspiration.

## 👥 Communities
- [IndieHackers](https://www.indiehackers.com/) - a great community focused on helping people build and run internet businesses. This site has an entreprenuerial leaning, but most of the members seem to be developers.
- [Hacker News](https://news.ycombinator.com/) - Y Combinator's news site. There is lots of interesting content here daily. 
- [Dev.to](https://dev.to/) - Dev.to is a community of software developers helping each other.

## 💡 Inspiration
- [Dribbble](https://dribbble.com/)
- [Best Website Gallery](https://bestwebsite.gallery/)
- [Site Inspire](https://www.siteinspire.com/) - web design inspiration.
- [Awwwards](https://www.awwwards.com/) - web design trends.

## 📺 YouTube Channels (less web focused)
- [ThinMatrix](https://www.youtube.com/channel/UCUkRj4qoT1bsWpE_C8lZYoQ) - a great devlog from ThinMatrix, the solo developer of Equillinox. He showed his journey developing, and successfully releasing the game. He's now working on a new project, a city building game. His uploads are infrequent but they are always high quality and entertaining.
- [Bisqwit](https://www.youtube.com/c/Bisqwit/videos) - very technical, but also very interesting videos.
- [Brackeys](https://www.youtube.com/channel/UCYbK_tjZ2OrIZFBvU6CCMiA) - the king of Unity Engine tutorials.

## 🧰 No code tools (not free)
- [Carrd](https://carrd.co/) - visual builder for one-page sites. Comes with some great templates. This is my go-to for getting a landing page up and running quickly. 
- [Webflow](https://webflow.com/) - build custom websites using a visual canvas. Webflow allows more freedom, and more functionality-rich sites than Carrd, but it has a steeper learning curve. 


## 🔨 Dev Tools
- [Trello](https://trello.com/en-US) - card-based project tracking.
- [Upvoty](https://www.upvoty.com/) - a tool to get feedback on project development roadmaps through user voting. I briefly used this when developing [Discord Bot Studio](https://discordbotstudio.org) and found it had everything I needed at a fairly low price point.
- [GitBook](https://www.gitbook.com/) - my go-to choice for creating product documentation. They have a free plan which even allows using a custom domain.
- [Visual Studio Code](https://code.visualstudio.com/) - this one won't be new to most people, but it's too good to leave off the list. Free, open source IDE with great extension support.
- [Postman](https://www.postman.com/) - GUI for testing and developing APIs.
- [Hugo](https://gohugo.io/) - static site generator. Hugo claims to be the fastest framework for building websites. I can't verify if that's totally true or not, but I've been impressed. 

## Checkout my apps
[Discord Bot Studio - bot maker](https://discordbotstudio.org)
[ModFoundry - the easiest way to make mods for Minecraft](https://modfoundry.app/)