常用工具整理

网站

• mdn
• github
• 掘金
• 知乎
• segmentfault https://segmentfault.com
• stackoverflow https://stackoverflow.com
• 兼容性 Can i use
• 图片压缩 https://tinypng.com/
• 不推荐csdn & 简书

前端在线编辑器

• jisbin https://jsbin.com/?html,js,console
• codesandbox https://codesandbox.io/
• CodePen

字体

• 字蛛 http://font-spider.org/ (压缩字体)
• 阿里图标 https://www.iconfont.cn/
• 字体转换(base64) https://transfonter.org/

公众号

• 高级前端进阶
• 奇舞周刊
• 前端大全

css相关

• 张鑫旭 https://www.zhangxinxu.com/wordpress/category/js/
• 阴影 https://www.html.cn/tool/css3Preview/Box-Shadow.html
• css https://css-tricks.com/

编程学习

• 旧版 https://www.freecodecamp.org/
• 新版 https://www.freecodecamp.one/
• https://nodeschool.io
• LeetCode https://leetcode-cn.com/
• 牛客网 https://www.nowcoder.com/

工具

• 正则 http://refiddle.com/ || https://regexr.com/
• 阴影 https://www.html.cn/tool/css3Preview/Box-Shadow.html
• cdn https://www.bootcdn.cn/

chrome 扩展

• 动画 animate playerbox (如下图)
• 单词翻译 达达划词翻译(扇贝、生词本等同步, 举个例子)

• css阴影 CSS3 Generator (如下图)

• 解析接口 JSONView (如下图)