Utility class
TinyPNG online image compression tool, excellent compression rate, easy to operate without advertising.
Convertio online file format conversion tool that supports the conversion of a wide range of formats (audio, video, images, documents, etc.) to and from one another.
Web developer assistant FeHelper front-end development utility, mainly plug-in integration into the browser.
Web. dev Google’s guide to site performance analysis and improvement
Inspect Devices is a Chrome plugin for improving mobile syndication efficiency. Install the plugin in the Chrome Web store, then attach it to the top right corner of your browser and click on it to instantly jump to Chrome ://inspect/# Devices.
If you prefer to right-click, you can also install another plugin.
Dry type
This vs That there are always some confusing concepts in front-end learning, especially for beginners. Even if you’re not a beginner, this can be an interesting supplement.
Modern JavaScript tutorial is an online tutorial site that explains concepts clearly and is suitable for beginners to get started or fill in gaps.
Blog Community
Ruan Yifeng’s network log
Zhang Xinxu blog
Hu Yu’s blog
The official website of Liao Xuefeng
Qiwu Weekly can pay attention to wechat public account push.
Front end close reading weekly
Dr. Axel Rauschmayer
Dev Dev community site, there are a lot of foreign developers of technology and experience to share, a bit like the foreign version of the nuggets?
Css-tricks is a CSS based technology sharing community, which is easily recommended by CSS Almanac.
Frontend Focus shares front-end information on a weekly basis and can subscribe to a push
CSS Weekly can subscribe to push
Javascript Weekly can subscribe to push
Online debugging
Now the online debugging website is very powerful, most of them support real-time preview, console debugging, a variety of preprocessors, sharing, etc., the majority of foreign, may have poor access speed. Combined with their own situation, choose their own good.
CodePen CSS, you can browse to a lot of cool works.
JS Bin is often used for JS debugging and has relatively few functions.
JS Fiddle, like JS Bin, now has a console(beta) for debugging and no live preview.
other
Web Skill Tree An interesting site discovered a long time ago (the original) that treats Web learning as a role-playing game, with a sense of leveling up and fighting monsters.
“Listen to Silicon Valley practitioners talk about tech trends and other interesting topics” (why it’s called Avocado Toast), Himalaya, Apple Podcast.