趣味学习前端小技巧

趣味学习前端小技巧

最近无意中看到一些前端趣味学习网站，总结分享一哈（ps：小编也是前端初学小白，欢迎各位大牛指教哦）
这里先推荐一下万能的学习网站-哔哩哔哩（https://www.bilibili.com/）

HTML，但不限于HTML

菜鸟教程 - 学的不仅是技术,更是梦想! https://www.runoob.com/
w3school 在线教程 https://www.w3school.com.cn/

CSS初学之路

Learn CSS layout - 学习布局的好网站 http://learnlayout.com
Flexbox Froggy - A game for learning CSS flexbox （学习 Flex 布局的小游戏 ）http://flexboxfroggy.com
CSSBattle - the CSS code-golfing game （css代码比拼 https://cssbattle.dev
EnjoyCSS-css代码生成器 https://enjoycss.com
CSS-Tricks - css小技巧 https://css-tricks.com
Neumorphism-Generate Soft-UI CSS code（实现新拟态效果） https://neumorphism.io
uiGradients -Beautiful colored gradients（渐变色效果） https://uigradients.com
color cheatsheet-中国传统颜色手册 https://colors.ichuantong.cn/
chinese colors-中国色 http://zhongguose.com/

JS 相关技巧

JavaScript秘密花园 https://bonsaiden.github.io/JavaScript-Garden/zh/
JS Tips （原生js及react、angular等框架级js小技巧） https://www.jstips.co
JSweekly - 技术周刊 https://javascriptweekly.com
CDNJS （各种框架的各种版本js的cdn在线库）https://cdnjs.com/libraries
Beautiful Open - 开源 JS 库集合 https://beautifulopen.com
JavaScript Fun 一个关于代码库的集合 https://www.javascript.fun

社区和博客

Stack Overflow（程序员问答） https://stackoverflow.com
稀土掘金 https://juejin.im
Codrops （ 网页设计开发博客） https://tympanus.net

在线 IDE 开发

CodePen https://codepen.io
CodeSandBox https://codesandbox.io
JS Bin https://jsbin.com

编程资源类

Icon font 阿里巴巴矢量图标库 https://www.iconfont.cn/
ICONSVG 在线自定义设计SVG图标素材 https://iconsvg.xyz
OpenMoji 免费表情符号库 https://www.openmoji.org
Share Icon 免费矢量素材图库 https://www.shareicon.net
tableconvert 在线表格编辑器 https://tableconvert.com
Feathericons -极简 ICON 图标集 https://feathericons.com
HTML5 + CSS 3 免费模版 https://html5up.net/

git命令速学

Git教程 - 廖雪峰的官方网站 https://www.liaoxuefeng.com/wiki/896043488029600/

小结

在这里此篇小编只总结了部分趣味学习网站，前端学习不止于此。还有各企业级框架使用，node，webpack，gulp，数据库入门等等等等，不一一列举了。总之，前端是一门需要不断学习的学科。最后再次推荐一下万能的学习网站-哔哩哔哩（https://www.bilibili.com/）
加油！年轻人。