入门

freecodecamp
练习题式的学习, 覆盖比较广, 知识点比较散

菜鸟教程
成体系但是比较简单的文档, 与 freecodecamp 配合使用
只适合快速入门用, 正经的文档得用MDN
MDN文档在细节方面也不够深入, 需要一些书籍作为补充

进阶

Web 开发技术 @MDN
系统且比较深入的教程

Web Fundamentals @google developers
系统且比较深入的教程

codelabs @google developers
Web各种知识点带详细栗子的教程

udacity
优达学城, 上面有许多免费且质量不错的专题课程

W3C
标准文档

书籍

JavaScript

CSS


从浅到深, 并结合使用案例


有深入的技术细节


一些实用的技巧

Node.js

<深入浅出Node.Js>

Web安全

<白帽子讲Web安全>

代码风格


通用的代码整洁指南

<重构>
学会整理代码

Google JavaScript Style Guide

Vue.js 风格指南

工具

开源库CDN

bootcdn
jsdelivr

在线撸码

codepen
使用广泛, 有很多漂亮的作品

codesandbox
功能强大, 但是比较慢

jsfiddle
类似 codepen, 似乎被墙了

dabblet
功能比较简单

其他

caniuse
查看浏览器特性支持

站长之家

iconfont
图标资源

cubic-bezier
在线测试贝塞尔函数

uptrends
网站可用性测试

browserstack
跨浏览器测试

设计

Uirush百宝箱
设计资源聚合

uimovement
UI设计分享

dribbble