Perhaps we have never met, but it might be a pity that we didn't meet earlier. I'm Frontend Fat Fish.
Author: Frontend Fat Fish
Introduction: Knows a bit about frontend, once worked as a junior at Alibaba, boiled water at Meituan, now passionate about visualization.
Source: SegmentFault Community
Preface
Do you have any personal favorite little websites in your folder? Hehe!!! Definitely have them! I'll share 10 websites that I frequently use—they can improve work efficiency, beautify images, and draw flowcharts. You might find them useful too.
1. Fully Automatic Background Removal
Link: https://www.remove.bg/
Sometimes you want to remove the background from an image and only keep the key part. This website can help us do it 100% automatically.
2. Random Beautiful Images
Link: https://unsplash.com/
No illustrations for your articles? Worried about copyright issues with images from other places? Then this website is definitely worth bookmarking. It offers a huge collection of free photos.
3. Visualize Regular Expressions
Link: https://wangwl.net/
Do you, like me, see regular expressions as monsters—hard to understand and learn? Don't worry! I recommend a tool that visualizes regular expressions. Doesn't that make writing them much easier?
4. Beautify Your Code
Link: https://carbon.now.sh/
A magical website that saves code as images. The key is it supports multiple themes and languages. No matter what kind of developer you are, it can dress up your code beautifully.
5. Online Flowchart Drawing
Link: https://www.iodraw.com/
You might have used ProcessOn to draw flowcharts, but it has a file limit, which can be a bit troublesome. IODraw is completely free, with no file restrictions, and its usage is almost identical to other flowchart software. Awesome.
6. Massive CDN Resources
Link: https://cdnjs.com/
Sometimes you want to write a local example without installing various dependencies. An online CDN JS can help, but where can you find a massive and stable set of resources? Right here.
7. Online Documentation - DevDocs
Link: https://devdocs.io/
Still searching for documentation and answers everywhere when you encounter problems? Maybe you need an online documentation source—and it even supports offline use.
8. Image Compression
Link 1: https://picdiet.eula.club/
Link 2: https://tinypng.com/
Image compression is one of the most common needs. Here are two well-known websites.
9. Nice Background Gradients
Link: http://color.oulu.me/
Do you often search for beautiful background gradients for your UI? There's a collection of 180 free linear gradients that can be used on any website. How can you not be tempted?
It even provides the code for you—just copy and paste.
10. Illustrations Are Beautiful Too
Link: https://www.manypixels.co/gallery
You might not use it often, but it's really super practical—a free, massive illustration website.
Finally
I hope to keep sharing practical, basic, and advanced knowledge with everyone, so we can all get off work early and have fun while lounging around.