preface

In the past two years, I have collected a lot of websites, and I have arranged some of them to share with you. I hope they will be useful to you.

There are some sites that most people know about, so I won’t list them.

I’ve divided these sites into a few broad categories:

  • Utility class
  • The material class
  • Community class

Utility class

1.start.me(Favorites)

It’s not just a url favorites manager, it can: push, embed anything, integrate, customize, share your favorites, browser extensions.

It’s obvious that the site shared in this article is saved on it, for two reasons:

  1. Bookmarks can be shared across devices.
  2. Domain names are easy to remember.

Site link: start.me

2, Placemat (quick generation of placeholders)

If you are the front end, you may encounter situations where you need a placeholder map to populate a web page, and Placemat is designed to generate a placeholder map.

The most basic uses are: given w or H, Placemat will randomly return the appropriate size of the image. The other uses are up to you.

The benefits of using Placemat are clear.

Site link: placem.at

3. Carbon (Code Boundary Meitu Xiuxiu)

This need not say much, a discerning person will know what is used for 🙂

Link to the website: carbon.now.sh

4. TinyPNG (online compression picture)

Image compression industry of the elder brother, support the upload of multiple pictures. It works, it compresses very well, and most importantly, it’s very fast.

Link to tinypng.com

5. Two online screenshot tools

BrowserFrame is a web site that generates a browser shell. It provides two ways to generate screenshots:

  1. Uploading a Local Screenshot
  2. Input url to generate screenshot (may fail, often unsuccessful)

Note: I recommend Screen Guru, another website with similar functions, which can realize the function of generating screenshots through the URL. See the following figure.

Such screenshots force lattice instant improve a hundred times have 🙂

The link is 1:browserframe.com

Website link 2: screen.guru

6. ColorSpark (online random color)

Randomly generate nice colors, gradients, and one-click copy of CSS code.

Link: colorSpark.app

7. FontSpark (Preview fonts online)

Random font online preview, used to say yes.

Website link: fontSpark.app

8. Easy PDF (online PDF tool)

Function see above.

The website is at easypdf.com/cn

The material class

1. Find elements (without cutting materials)

In China is a relatively conscience of the website, there are 5 free download opportunities a day, the quality of the material above is very high, it is a necessary PPT.

The website is at www.51yuansu.com

2, high definition no copyright picture website

Here only listed the domestic access speed is ok, but not a tile, interested can be viewed by themselves.

  1. Pexels
  2. Picjumbo
  3. Magdeleine
  4. Pixabay
  5. Ssyer
  6. Lifeofpix

3. UI designer navigation

If you want to see more, you can check out the navigation here.

  1. so.uigreat.com/
  2. hao.shejidaren.com/
  3. hao.uisdc.com/
  4. www.tuyiyi.com/hao/

Community class

1, CSS TRICKS

A good foreign front-end development blog, mainly sharing the use of CSS style tips, experience and tutorials. Foreign sites worth reading for front-end developers.

Link to css-tricks.com

Step on the net

It is a domestic version of CodePen, with some amazing animation and special effects.

3. Free resources online community

The Free Resources Network community is a taiwan-based website and blog with free topics, including technology tips, free software, online tools, gallery materials, WordPress hosts, and application introductions.

I’m not going to tell you that most of these sites came from here.

Website link: free.com.tw

4. In the front end

The front end focuses on sharing cutting-edge Web development technologies, tutorials, resources and materials, and is a learning and communication platform for Web developers and designers.

The website is at www.yyyweb.com

5, Bole online

Bole online resources include a variety of development, design, system management and security related tools and resources.

Hao.jobbole.com

Afterword.

Having your own toolkit is a great way to increase your productivity and spend more time on real development.

Finally, have the nerve to send out my resume, link.