前端网址收集【转藏】

原文地址：https://github.com/smileyby

格式：| XXX | XXX |

CSS

描述	网址
网易的NEC(Nice Easy CSS)代码库	http://nec.netease.com/library
30S或更短时间就可以学会的CSS	https://30-seconds.github.io/30-seconds-of-css/
Animate.css	https://daneden.github.io/animate.css/
HTML和CSS的规范和结构	http://codeguide.co/
CSS-loading-1	https://epic-spinners.epicmax.co/#/
CSS-loading-2	https://loading.io/spinner/
CSS-图片色彩过滤	https://picturepan2.github.io/instagram.css/
CSS-动画-1	http://animista.net/
CSS-动画-2	https://github.com/Martz90/vivify
CSS-浏览器前缀自动补全	http://pleeease.io/play/
CSS-奇技淫巧	https://github.com/chokcoco/iCSS
CSS-文本溢出显示省略号	https://www.cnblogs.com/yzg1/p/5089534.html
CSS Inspiration -- CSS灵感	https://chokcoco.github.io/CSS-Inspiration/#/
CSS魔法	https://github.com/cssmagic/blog
rem与px的转换	http://caibaojian.com/rem-and-px.html
CSS-色彩搭配	https://palx.jxnblk.com/
CSS-图形介绍	https://tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/

JavaScript

描述	网址
格式化input输入数据	https://github.com/nosir/cleave.js/
使用document.scrollingElement控制窗体滚动高度	https://www.zhangxinxu.com/wordpress/2019/02/document-scrollingelement/
javascript-tutorial-en 一份开源的 JavaScript 教程	https://javascript.info/
H5 键盘兼容性小结	https://juejin.im/post/5c6d1c8b6fb9a049de6df441
JavaScript深入系列、JavaScript专题系列 博客	https://github.com/mqyqingfeng/Blog
你不知道的Chrome调试工具技巧	https://juejin.im/post/5c09a80151882521c81168a2
有哪些短小却令人惊叹的 JavaScript 代码？	https://www.zhihu.com/question/46943112
翻书效果	http://www.turnjs.com/
天气效果	https://rainbowhunt.me/
汉字拼音转换工具	https://hotoo.github.io/pinyin/
精致的下拉刷新和上拉加载	https://github.com/mescroll/mescroll
一组匹配中国大陆手机号码的正则表达式	https://github.com/VincentSit/ChinaMobilePhoneNumberRegex/blob/master/README-CN.md
你可能不知道的前端知识点	https://github.com/justjavac/the-front-end-knowledge-you-may-not-know/issues
常用代码收集资源分享	https://github.com/jsfront/src
轻量级搜索	https://github.com/krisk/fuse

React

描述	网址
React.js 小书	http://huziketang.mangojuice.top/books/react/
Redux 简介1	https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介2	https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介3	https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介4	https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/
Redux 简介5	https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html/

VUE

描述	网址
力荐35个最好用的Vue开源库！	https://mp.weixin.qq.com
Vue.js 源码解析	https://github.com/answershuto/learnVue

Node.js

描述	网址
全栈最后一公里	http://www.imooc.com/article/17554
Node.js入门	http://nqdeng.github.io/7-days-nodejs/
关于 Node.js 技术的开放源码电子书	https://yunnysunny.gitbooks.io/nodebook/content/
如何系统地学习nodejs	https://www.zhihu.com/question/21567720?group_id=871519504654565376
Node.js调试指南	https://github.com/nswbmw/node-in-debugging

移动端适配

描述	网址
使用Flexible实现手淘H5页面的终端适配	https://github.com/amfe/article/issues/17
再聊移动端页面的适配	https://www.w3cplus.com/css/vw-for-layout.html
如何在Vue项目中使用vw实现移动端适配	https://www.w3cplus.com/mobile/vw-layout-in-vue.html

常用工具

描述	网址
Web前端导航	http://www.alloyteam.com/nav/
科学上网	https://segmentfault.com/a/1190000016911075
测试网址在各个地区的响应情况	https://www.17ce.com/
can i use	https://caniuse.com/
百度统计	http://tongji.baidu.com/data/browser
CSS, JavaScript 压缩, 美化, 加密, 解密	https://tool.css-js.com/
JSON格式化	https://www.json.cn/
网站在线分析	https://sonarwhal.com/scanner
在线生成NPM徽标链接	https://woolson.github.io/npmer-page/
在线图片压缩	https://tinypng.com/
jquery1.82选择器	https://www.jb51.net/shouce/jquery1.82/?tdsourcetag=s_pctim_aiomsg
XXX	XXX

书籍&手册&早报&博客

描述	网址
前端九部 - 入门者手册2019	https://www.yuque.com/fe9/basic
HelloGitHub	https://gitbook.hellogithub.com/q
每日时报	https://wubaiqing.github.io/zaobao/
阮一峰-技术分享周刊，每周五发布	https://github.com/ruanyf/weekly
git使用手册	https://gitee.com/progit/
深度学习-中文翻译版	https://exacity.github.io/deeplearningbook-chinese/
程序员应该访问的最佳网站	https://github.com/tuteng/Best-websites-a-programmer-should-visit-zh
深入浅出 Webpack	https://github.com/gwuhaolin/dive-into-webpack
腾讯移动 Web 前端知识库	https://github.com/AlloyTeam/Mars
前端小密圈	https://github.com/jawil/blog
林鑫个人博客	https://github.com/lin-xin/blog
foru17-前端收集	https://github.com/foru17/front-end-collect
fouber-个人博客	https://github.com/fouber/blog
ljianshu-个人博客	https://github.com/ljianshu/Blog

面试

描述	网址
前端面试图谱	https://yuchengkai.cn/docs/frontend/
简历模板	http://elevenbeans.me/
前端开发面试题大收集，前端面试集锦	https://github.com/paddingme/Front-end-Web-Development-Interview-Question
前端面试之道	https://github.com/InterviewMap/CS-Interview-Knowledge-Map
如何通过饿了么 Node.js 面试	https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn
程序员简历模板系列	https://github.com/geekcompany/ResumeSample
每天一道前端大厂面试题	https://github.com/Advanced-Frontend/Daily-Interview-Question

趣味网址

描述	网址
京东H5案例	https://cases.aotu.io/index.html
简历模板	http://elevenbeans.me/
游戏	http://k.swao.cn/js/web/game/t_01/level_01/step1.html
会唱歌的图片	http://nodtotherhythm.com/make