Today I want to share with you some useful websites, some can improve your work efficiency, some can help you write articles, and some can help you do design. Now, let's take a look.
1. Convert code to image
URL: https://carbon.now.sh/
Use Carbon to create and share beautiful images of your source code. It offers a variety of code styles and themes.
2. JavaScript Regular Expression Visualizer
URL: https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F%24
Are you one of those people who doesn't want to learn regular expressions because they look complicated? Don't worry, I used to be the same, but not now. Visualizers make regular expressions easier to understand.
3. Picture Gallery
URL: https://unsplash.com/
Sources of pictures freely available on the Internet. Powered by creators everywhere.
4. Smart WebP, PNG and JPEG image compression
URL: https://tinypng.com/
You may often need to compress pictures, tinypng is free to use, and the compressed pictures have high definition.
5. Codepen
URL: https://codepen.io/
Using CodePen is very convenient to embed demo code in a blog or Medium article.
6. Open Source Icons
URL: https://ionic.io/
You can find any icon you need from Ionic, including premium design icons for web, iOS, Android and desktop applications. SVG and web fonts are supported. Ionic is completely open source.
7. Online Palettes
URL: https://colorhunt.co/palettes/pastel
Can't find the right color when designing? Color Hunt can help us.
8. Canius
URL: https://caniuse.com/
Front-end engineers often need to check browser compatibility. Can I use is a website that can query the features and compatibility of CSS and JavaScript of various popular browsers.
9. Development Documentation
URL: https://devdocs.io/
This site has documentation for various projects and also supports offline use.
10.cdnjs
URL: https://cdnjs.com/
Sometimes we need online resources for programming exercises. cdnjs can help us find almost all open source libraries.
11. One-click cutout
URL: https://www.remove.bg/zh
This website can help us to remove image background automatically 100% free.
12. Readme
URL: https://readme.so/editor
The easiest way to create README files, this simple editor allows you to quickly add and customize all the sections you need for your project README.
13. Test website loading speed
URL: https://gtmetrix.com/
See how your site is performing, reveal why it's slow, and spot optimization opportunities.
14. Edit pictures online
URL: https://www.photopea.com/
What should I do if I need an article cover image to write an article? Photopea online image editing website can help you, you can design pictures online through this website.
15. Copyright-free illustrations
URL: https://www.manypixels.co/gallery
Over 2,500 free illustrations to spice up your designs.
write at the end
If you feel that these 15 website resources can’t meet your needs, you are welcome to go to [Yang Xiaoai’s Xiaojianghu] personal blog website: www.yangxiaoai.com to seek more website resources. There are detailed classifications and current content In the process of gradual improvement, the navigation websites on the website are all collected by Xiao Ai during work and study, and there are also resources in Xiao Ai’s bottom of the box. Now it is organized into a navigation blog website resource. The first is to facilitate yourself. The second is to facilitate more people who love learning but don't know where to find resources.
Finally, thank you for reading. I will share more useful website resources with you in the future, and you are welcome to pay attention to my blog website resources.
learn more skills
Please click the public number below
