Skip to content

Instantly share code, notes, and snippets.

@colinrubbert
Last active July 3, 2019 14:59
Show Gist options
  • Save colinrubbert/dc1b9eda9bf4da9d574c705de7654325 to your computer and use it in GitHub Desktop.
Save colinrubbert/dc1b9eda9bf4da9d574c705de7654325 to your computer and use it in GitHub Desktop.

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment