10+ Useful Resources for Mastering Web

Introduction

I have a list of various resources that can help you solve many problems that you face or may face in the future.

I have the resources to

1. Illustration
2. Development
3. Design

Let's start without further ado.

ILLUSTRATION

###Drawit

Hand-drawn vector illustration and icon resources, perfect for your next project.

###FlatIcon

4340500+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!

###Smash Illustration

###unDraw

Open-source illustrations for any idea you can imagine and create. A constantly updated design project with beautiful SVG images that you can use completely free and without attribution.

Awesome illustration constructor with colorful and trendy characters

DEVELOPMENT

###Carbon

Create and share beautiful images of your source code.
Start typing or drop a file into the text area to get started.

###Squoosh

Compress and compare images with different codecs, right in your browser.

###Wappalyzer

Programmatic access to technographic data. The Wappalyzer APIs provide instant access to website technology stacks, contact details, and social media profiles.

CSS

###Pattern.css

CSS only library to fill your empty background with beautiful patterns.

A simple, online CSS generator that creates a basic layout framework.

###CSSeffectsSnippets

Click on the animation to copy the CSS effects which include hover, loading, and others.

DESIGN

###Colormind

Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.

###FontSpace

Helping designers discover the perfect font for their next design project.

###Webframe

A showcase of beautiful and well-designed web app screens for design inspiration. Including screens from behind signup/paywalls.