What are the high-quality resources for Web development and front-end design?

For front-end design and web design, material is always important. Because the beauty of the material often directly determines the style, cleanliness, tone and so on of the web page.

When I was in college, I worked as an intern in a small startup company. There are only a few employees in the company, so I basically developed a tourist hotel reservation platform independently at that time, involving front-end design, back-end development, official WeChat account development and so on. I was basically the most versatile at that time.

So at that time, I also collected a lot of front-end information and shared it with you here.

I. icon class

Every Web developer, especially front-end developers, will definitely need icons to add color to the project.

font awesomesicons

FontAwesome provides scalable vector icons that can be changed using all the functions provided by CSS, including size, color, shadow or any other supported effects.

Idol monster

Features: free, high-quality, very concise icon library.

Icon finder

This is an icon gallery with a sense of design, which has been packaged and classified. The disadvantage is that only part of it is free. Personally, I think the free gallery inside is enough.

Attached is the Christmas special!

Icon Font-Alibaba

The vector icon management website launched by Alibaba UX Department is also the first platform in China to promote network font icons. I believe everyone has used this!

Second, the picture material

Picture materials without copyright restrictions

PEXELS

Pexels can be said to be a super internet celebrity in the field of picture materials. When it comes to pictures, they must be everywhere. I have recommended it several times myself. You can download all kinds of resolutions for free, including the original size.

For example, search: Christmas.

PNGimg

This is mainly used as material, and it is an alternative picture without background material! It can be used directly for free. Note that there are no background pictures, which is very suitable for people who need PNG transparent background pictures.

For example, search: birds

KaboomPics

KaboomPics is a free high-quality photo library based on daily life. All the pictures in it were uploaded by photographers after taking pictures. And can be applied to any project without copyright restrictions.

Cover pictures can be found from the media, and photographers can also appreciate or learn from them.

No splash

Let's do this first ~ I hope these resources are helpful to you, and some common tools for web development will be updated next time.

If it helps, please pay attention to me to show your support, in case you miss the next wave of dry goods! ~