前端开发工具&网站收集 - 持续更新

208

工具类

TinyPNG 在线图片压缩工具,压缩率很优秀,操作便捷无广告。

image.png

Convertio 在线文件格式转换工具,支持相当多格式(音频、视频、图像、文档等)的相互转换。

image.png

Web开发者助手 FeHelper 前端开发实用工具,主要以插件集成到浏览器中。

image.png

web.dev Google的网站性能分析和提升指南工具

Inspect Devices 提升移动端联调效率的chrome插件。在Chrome网上商店安装好插件,然后固定到浏览器右上角,点击即刻跳转到 chrome://inspect/#devices 。

image.png

如果你更喜欢右键跳转,也可以安装另一个插件

干货类

this vs that 前端学习过程中,总会遇到一些容易混淆的概念,尤其是初学者。即使不是新手,这个也可以当成补充读物,还是蛮有意思的。

现代 JavaScript 教程 一个在线的教程网站,概念解释得比较清晰,适合新手入门,或者查漏补缺。

博客社区类

阮一峰的网络日志

张鑫旭博客

冴羽的博客

廖雪峰的官方网站

奇舞周刊 可关注微信公众号推送。

前端精读周刊

Dr. Axel Rauschmayer

Dev 开发者社区网站,有很多国外开发者的技术和经验分享,有点像国外版的掘金?

CSS-Tricks 一个CSS为主的技术分享型社区,顺手推荐下CSS Almanac归纳比较齐全。

Frontend Focus 每周分享前端相关资讯,可订阅推送

CSS Weekly 可订阅推送

Javascript Weekly 可订阅推送

在线调试

现在的在线调试网站能力都很强大,大多都支持实时预览、console调试、各种预处理器、分享等等,国外的居多,可能有的访问速度比较差。结合自身情况,选择合适自己的就好了。

CodePen CSS居多,能浏览到很多大佬的酷炫作品。

JS Bin 常用来做JS调试,功能相对较少。

JS Fiddle 跟JS Bin差不多,现在也有console(beta)方便调试,不支持实时预览。

其他

web技能树 很久之前发现的一个很有趣的网站(原版),把web学习当作角色扮演游戏,有种升级打怪的感觉。

skill.phodal.com_.png

牛油果烤面包 “听硅谷从业人员谈论科技趋势和其他有趣的话题”(话说为什么名字叫牛油果烤面包),喜马拉雅、苹果播客都能收听。