The last article “recommended 10 very” wow “Web” resources “to front-end workers, collection is equal to learning ~” everyone workers responded positively, it seems that we never soft for good resources ha! Ha ha!
Put a statistic:
Ah? How much difference between likes and favorites?? Let me kangkang is which workmate so rude, only collect, not praise?? ๐ก do not allow such again ha ~~ this article certain!! ๐ (hint)
Without further ado, here are 10 new “wow” Web resources, go!! (เน โข ฬ ใ ฬ) organisation โง ๐
1. responsively
What are we doing on defensively? You get it in one picture:
You can type in your Web site and see its responsive layout across devices all at once
In addition, you can customize devices and export them as pictures. Responsive layout, a panoramic view of the interface! ๐ No more pulling on the console ~~
UI girl saw all call ๐๐บ!! github star 13k+
2. figlet
If you want to play with the console, you can’t miss the Figlet
NPM install figlet in project (distinguish environment: node/Vue/Browser);
There are more configuration items to explore;
The library’s weekly downloads have stabilized at around 800K ๐, which is amazing! If you don’t use it in your project soon, the product manager can’t help saying, “Details!”
3. readme.so
As the name suggests, readme.so is a ~ for quickly generating standard readmes
Edit on the left, preview on the right, and have all the necessary elements for README. Specification! Standard! Nice!
Also support download to local; Who can’t write a README with this?
4. smalldev
These types of development AIDS are fairly common, but SmallDev has the advantage of full functionality, high appearance, and no ads ๐;
Code sharing bed, JSON formatting, Base64 encryption and decryption, HTML/JS/CSS formatting, SQL compression, placeholder map generation, test data generation and so on;
5. smartmockups
Smartmockups is said to be the best product template generation tool for creating amazing product templates!
In addition to placing images, you can also place web pages (automatically capture content);
Put my home page up, well, it works well, it should work like this! Mom, I’m on TV ~) ๐
6. pfpmaker
Head processing artifact! The effect can change!
Bengua made a picture of his gay friend Ajan:
The actual result is much more than what you see in the screenshot, and you can customize it depending on your weird color palette preferences.
7. storytale
Advanced illustrations, never tired of reading;
Various painting styles are full of wit and fun;
No longer one by one screenshots, open the link to try to know;
But there is a charge for downloading… But you can also Alt +A or PrtSc ๐ถ
8. type-scale
Type-scale is a website that visualizes the differences between different font sizes, REM and EM values, and supports real-time preview.
Suitable for the front end of the pixel level, or for the front end of the user who want to see the font effect with the UI girl;
9. remove-bg
The first boiling point of this melon is to recommend this website, which has gone for 2 years; ๐ถ
The site has been revised, but the effect is still good! ๐
Click the background image, look for remove-bg!
10. metatags
Here you can preview how your site will look on other platforms.
Although it currently supports all foreign social apps, it also provides us with a good idea: “You can copy it!” ๐ถ ๐ถ ๐ถ
Absolutely a great tool to preview the developer’s link performance on other platforms, no problem just need!
Well, the above is this share, pin not poke ~ hope you can also use these tools with happy o(๏ฟฃโฝ๏ฟฃ
Writing is not easy, please encourage ๐๐๐๐๐
I’m Nuggets Anthony, output exposure input, technical insight into life, goodbye ~