A list of useful resources for web developers and designers. Use CMD + F to search for things like color, payments, etc. I’ve tagged different sections with keywords to make searching easier. Feel free to send me more resources to add by emailing me ([email protected]) or by making a pull request.

Web Development Apps
^{Tags: website, apps, IDE, editor}

• Expressions - App to play with regular expressions ($3.99).
• Setapp - Dozens of useful apps ($9.99/mo).
• Numi - Simple, beautiful calculator app.
• WebStorm - Powerful JavaScript IDE ($129/yr. Free for students).
• Visual Studio - Smart and customizeable IDE.
• Atom - Text editor made by GitHub.
• Sublime Text - Popular text editor (Free, but popups unless you pay $70).
• Electron - Build desktop apps with JavaScript, HTML, and CSS.
• Slack - Team communication tool.
• Postman - Make GET, POST, etc. requests to a site. Makes creating APIs easier.
• Bear - Markdown notes on Mac, iPhone, and iPad.
• Notion - Team note-taking app.
• Hyper - Hackable JS/HTML/CSS Terminal.
• GitKraken - Git GUI for Mac, Windows and Linux.
• Vim - Extremely popular unix command line text editor.
• CodeKit - Build websites faster and better. Automatic browser refresh.

Design and Color
^{Tags: Illustrator, Photoshop, logo, color}

• Sketch - Popular design tool. Great tool for mockup up app and designing logos ($99).
• Affinity Designer - Illustrator alternative ($39.99).
• Affinity Photo - Photoshop alternative ($39.99).
• AllTheFreeStock - Free images, video, music and icons. All in one place.
• CodeMyUI - Handpicked code snippets you can use in your web projects.
• Unsplash - Free, high-quality images.
• Wesaturate - Free RAW and JPG images.
• InVision - Design prototyping tool
• Colorful - List of resources for everything color related
• coolHue - Handpicked gradients.
• Figma - Collaborative interface design tool.
• Iconfinder - 1.7 million+ icons (free and paid).
• Sip - Color picker app for Mac.
• Paletton - Color pallette and picker.

Open Source
^{Tags: JavaScript, NPM, Node, libraries, frameworks}

• Airbnb Engineering - Open source projects by Airbnb for developers
• Enzyme - Testing utility for React by Airbnb.
• Mocha - JavaScript testing framework.
• React - JavaScript library for building user interfaces by Facebook.
• Redux - State management for JavaScript apps.
• JavaScript Style Guide - A reasonable approach to JavaScript’by Airbnb
• Google Open Source - Over 2,000 open source projects by Google
• ESLint - Pluggable linting utility for JavaScript. Create rules for JavaScript formatting.
• Natural - Natural language processing in JavaScript.
• Redis - In-memory data structure store.
• MongoDB - Relational database.
• Jest - JavaScript testing made by Facebook.
• GraphQL - Query language for APIs.
• Hypernova - Server side rending for your JavaScript views by Airbnb
• Prerender.IO - Allows your JavaScript website to be crawled by search engines.
• Awesome Public Datasets - A huge list of databases that you can use right now.

Services
^{Tags: money, euro, dollar, process, payments}

• Stripe - Secure online transaction. 2.9% + 30¢ per transaction.
• Plasso - Plasso is built on Stripe. All transactions are subject to Stripe’s additional transaction fee.
• PayPal - Transaction fees vary. See their page.
• Stackshare - See what technology different companies use.
• Digital Ocean - Web hosting.
• Heroku - Simple solution for web hosting.
• Sentry - Log events and errors.
• imgix - Caches images for you so that your site can load them quickly.
• Zendesk - Customer Relations software used by Slack and Uber.
• UVdesk - Customer Relations software.
• MailChimp - Email automation software (They also own Mandrill).
• Twilio - Use their API to send text messages.
• Braintree - Accept payments online. Owned by PayPal.
• Trello - Team task-management app using boards, lists, and cards.
• Data Dog - Event logging.
• Pingdom - Website performance monitoring.
• SendGrid - Send transactional and marketing emails.
• Buffer - Social media management software
• Mailgun - Email service for sending automated emails, has an easy to use http api.

Technologies and Educational
^{Tags: Learn, how to, teach, db, database}

• Github Open Source - Learn about and contribute to open source projects.
• Github Education - Discounts/resources for students.
• What is REST? - Learn about REST
• Sass - CSS on steroids
• What is GraphQL?
• JetBrains for Students - Free apps!
• 400+ Free Resources for your business
• Discounts for Students
• Best SEO Tools - A handpicked list of SEO and Marketing tools.
• Google Search Cheat Sheet - Handpicked collection of advance search operators and URL modifiers from Google.

Clean Sites

These are just some sites that look really nice. Great for getting design inspiration from.

• Awwwards - Meta?
• Stripe
• Algolia
• OpenAI
• airbnb.design
• Github Open Source Guides

Articles

• The state of design tools in 2017
• A roadmap to becoming a web developer in 2017
• Typography can make or break your design
• A Step-by-Step Guide for Starting a New App Design Project in Sketch
• 25 Chrome Extensions, Apps, and Hacks to 2x Your Productivity
• Want a Better Pitch? Watch This.
• 360 million reasons to destroy all passwords
• React Interview Questions
• Ideas for Startups