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).
- Free SVG Maps - SVG of all the countries and their cities.
- 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.
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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent