1.CSSBattle
【在线比拼 CSS】CSSBattle
2.Learn layout
【学习 CSS 布局】
[](Learn CSS Layout (learnlayout.com))
3.Flexbox Froggy
【学习 Flex 布局的小游戏】：flexboxfroggy.com
4.EnjoyCSS
【在线CSS代码可视化工具】：enjoycss.com
5.CSS-Tricks
【CSS 技巧】：css-tricks.com
6.Neumorphism
【实现新拟态效果】：neumorphism.io
7.uiGradients
【分享渐变色】：uigradients.com
8.JavaScript
【一个一直更新的JavaScript 的语法文档，主要会写如何去避免一些常见的错误】：bonsaiden.github.io/JavaScript-…
9.JS Tips
【JS 技巧】：www.jstips.co
10.JSweekly
【技术周刊 】：javascriptweekly.com
11.Beautiful Open 【开源 JS 库集合】：beautifulopen.com
12.JavaScript Fun【代码库集合】：www.javascript.fun
13.Stack Overflow【编程人员问答网】：stackoverflow.com
14.Codrops【网页设计开发博客】：tympanus.net
15.CodePen【一个网站前端设计开发平台，针对网站前端代码的一个工具，上面有各种效果的案例特效（炫技），可以在他们的 demo 基础上开发自己的前端设计。】： codepen.io
16.CodeSandBox【提供一个在线开发环境的“沙盒”，主流的框架如 React、Vue、Angular 等，都可即开即用、实时编译预览，非常方便。】： codesandbox.io
17.JS Bin【轻量级在线编辑器网站】：jsbin.com
18.ICONSVG【在线自定义设计SVG图标素材】：iconsvg.xyz
19.OpenMoji【免费表情符号库】：www.openmoji.org
20.Share Icon 【免费矢量素材图库】：www.shareicon.net
21.tableconvert 【在线表格编辑器】：tableconvert.com
22.Feathericons【极简 ICON 图标集】：feathericons.com
23.HTML5UP 【提供大量的HTML5模版】：html5up.net/
