resources.md

Resources

1. Design
   • Colors
   • Typography
   • Icons
   • Backgrounds
   • Graphic Design
   • Illustrations
   • Toolkits
   • Frameworks
   • Inspiration
   • Screenshots
   • Styleguides
   • Templates
2. Development
   • IDE
   • Version Control
   • Continuous Integration
   • Testing
   • Frameworks
   • Serverless
   • Sitemaps
3. DevOps
   • Services
4. Hosting
   • WordPress
   • Ruby on Rails
   • CMS
   • Cloud Infrastructure
   • General Hosting Providers
   • Security Certificates
5. Stock
   • Photography
   • Videos
6. Education
   • In Person Bootcamps
   • Online Bootcamps
   • Online Courses
   • College Courses
7. Portfolio Development
   • Design Briefs
8. Getting Hired
   • Hiring Services
   • Job Boards
   • Remote Jobs
   • Apprenticeships

Design

Colors

Gradients

• Web Gradients - Resource for finding great looking and modifiable web gradients.
• coolHue - Pre-built collection of gradients & hues.
• uiGradients - Resource for finding pre-buildt and modifiable gradients.

Color Palettes

• Color Palettes - Color palettes derived from real world examples.
• Official Google Material Design - The official Google Material Design color palette.
• Material UI Colors - Material Design color palette picker based off of Google Material Design.
• Official Microsoft Fluent Design - The official Microsoft Fluent Design color standards and palette.
• Fluent Colors - Fluent Design color palette picker based off of Microsoft Fluent Design.
• Coolors - Random color palette generator.
• Colormind - Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.
• Paletton - No fuss color palette matcher.
• Colors - Data driven collection of color pallettes pulled from a curated list of high quality and well designed websites.
• Khroma - AI color tool for designers. Select 50 colors from a extensive list of colors to train and generate color palettes based on selected colors.

Fonts

• Google Fonts - Free Google web fonts.
• Adobe Typekit - Adobe Typekit a mixture of free, paid, and subscriber based web fonts.
• Canva Font Combination - Quick & optimized font combinations.
• Font Pair - Font pairing examples based off of Google Fonts.
• Type Scale - A visual type scale calculator with typography examples.
• Typespiration - A curated selection of font/typography examples to enhance your content.

Icons

• The Noun Project - A vast repository for icon collections: free, attribution, and paid.
• Google Material Icons - Official Google Material Design icons.
• Font Awesome Icons - Font Awesome web icons.
• Fontello - Collection of various free font icons.
• Devicons - Icon set representing various design and programming related icons.
• Foundation Icon Fonts - Zurb Foundation CSS framework icons.
• Favicon Generator - Easy favicon generator.
• Feather Icons - Free open source icon repository.
• SVG Logos - Vector logos of more than 3000 companies and servies.

Backgrounds

• Cool Backgrounds - Cool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites.

Graphic Design

• Crello - Easy-to-use design tool for creating stunning visuals. Use free templates made by professionals and customize them for your projects.

Illustrations

• lucaszadam - Website with great MIT licensed illustrations.
• unDraw - Website with free non-crappy MIT licensed illustrations.

Inspiration

• CollectUI - A curated collection of UI examples.
• Lapa - A curated collection of landing page inspiration.
• Pixels - A curated list of high quality web designs and copywriting.
• UpLabs - A curated list of product, android, ios, and web design examples for designers and developers.
• Muzli Medium Publication - A medium publication that provides curated examples of ui/ux, web, and application designs.
• Dribbble - A show and tell social network for designers. A great location to get design inspiration and watch the latest trends in design.
• Behance - A place to showcase your design work and discover other designers and trends.
• Land-book - Showcase of high quality landing pages.
• Page Flows - Showcase of marketing pages and marketing page work flows.
• One Page Love - Showcase of great one-page websites.

Screenshots

• Sreenly - A way to create website screenshot mockups for portfolios and case studies.

Styleguides

• Fractal - Powerful component libraries and stylefuides that fit with the way you work. Active development is no longer in work, however, the V1 is stable and a solid option to build an excellent style guide.

Templates

• Cruip - Free HTML landing page templates for start-ups.

Development

Sitemaps

• Octopus - Visual site map creator.

Portfolio Building

Design Briefs

• Good Brief - Randomly generated design briefs to help people build sites, products, and services to help build portfolios.

Get Hired

• Hired.com - Have companies come to you.