Anytime--Several practical websites necessary for front-end engineers

1. Color matching website

http://colorhunt.co

This website provides us with a lot of color schemes, and we can use them directly. The method of use is also very simple. Move the mouse to the corresponding color, and we can see the hexadecimal code of the color. Copy the color to the tool and use it.

https://webgradients.com/

180 gradient schemes for you to choose from, and you can directly copy CSS styles to apply to web pages

https://color.adobe.com/zh/create/color-wheel

This is from Adobe, which provides a variety of color schemes. We click on the dot in the middle of the disc to adjust the color scheme we want.

http://www.colorhunter.com/

This is a tool to extract the color scheme of an existing picture. We upload a picture, and it will help us extract the color matching of the picture for us to use.

http://www.bootcss.com/p/websafecolors/

This website is designed for WEB and is a safe color that is often used in development. The website lists the hexadecimal code and RGB code of the color, just copy and paste.

http://www.sioe.cn/yingyong/yanse-rgb-16/

This is an online RGB and hexadecimal color code conversion tool. Fill in the hexadecimal code in the corresponding position, click Convert, and we can get the RGB color code.

2. Icon website

http://www.iconfont.cn/plus

This is an icon library website owned by Alibaba. You can find a large number of icons by directly searching for keywords. When downloading the icon, we can also choose the color, size, format, and download it according to our own needs.

http://www.easyicon.net/iconsearch/ios/

This is also a very famous icon library. Unlike the one above, the icons here are not single color, but designed colors. The download icon is also very simple, just click the format above the corresponding icon to download.

http://www.thinkcmf.com/font/search.html

Font Awesome provides rich vector font icons - all icons can be arbitrarily controlled in size, color, shadow through CSS.

Third, the plug-in website

http://www.jq22.com/

This website shares jQuery plugins and provides detailed usage of various jQuery effects, online preview, jQuery plugin downloads and tutorials

http://www.htmleaf.com/

This site is similar to the previous one and also offers a lot of jQuery plugins

http://www.layui.com/

This is a powerful modular front-end framework

4. Material website

http://588ku.com/

Qianku.com, a website for free download of image materials

https://unsplash.com/

Unsplash is a website for sharing free high-quality photos. The photos are all large in resolution, and they are all real photographers. The pictures are mostly landscapes and still lifes.

5. Font website

http://www.youziku.com/onlinefont/index

There is a font library, a website for downloading free fonts and directly referencing fonts online.

6. Tools

http://tool.lu/

An online tools site with tons of online tools

https://tinypng.com/

An online image compression tool that can be used in batches

http://www.css88.com/

Various front-end tools and technical articles

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324523822&siteId=291194637