前端资源干货

1. 值得看的前端面试文章(http://www.jianshu.com/p/f1c380e45de3)
2. 前端技术体系大局观(https://zhuanlan.zhihu.com/p/23185351)
3. 从培训班出来之后找工作的经历，教会了我这五件事(https://juejin.im/post/5842c27c61ff4b006c2a55d7)
4. 学习前端我推荐这5本书(https://juejin.im/post/582aa436128fe1006940f9ac)
5. 2017年最受欢迎的在线编程挑战网站 (https://zhuanlan.zhihu.com/p/30164522)
6. 为什么整个互联网行业都缺前端工程师 (https://zhuanlan.zhihu.com/FrontendMagazine/20598089)
7. 2017前端框架及进阶知识汇总 (http://www.jianshu.com/p/302f14643c69)
8. 10个优美的程序猿把玩儿的实用科技设计酷站 (http://www.jianshu.com/p/37a5998f6a20)
9. w3school HTML 学习资料(http://www.w3school.com.cn/html/html_elements.asp)
10. 你可以成为Web开发工程师！(https://zhuanlan.zhihu.com/p/22978846)
11. Front-end Developer HandBook(https://dwqs.gitbooks.io/frontenddevhandbook/content/practice/salaries.html)
12. 饥人谷-制作个人简历(https://ke.qq.com/webcourse/index.html#course_id=192657&term_id=100228265&taid=1148547269587089&vid=w1417nevzms)
13. 职坐标- CSS 定位于DIV布局(https://ke.qq.com/webcourse/index.html#course_id=198306&term_id=100235071&taid=1252309384496802&vid=y14003f1tqb)
14. MDN-CSS布局(https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started/Layout)
15. 软谋教育 CSS动画(https://ke.qq.com/webcourse/index.html#course_id=20945&term_id=100003219&taid=638975169548753&vid=t1410nxa13p)
16. 什么是响应式布局设计？(https://www.zhihu.com/question/20976405)
17. CSS 媒体查询(https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries)
18. 下手响应式及断点设置分析(http://imweb.io/topic/56dff5121a5f05dc506430da)

整体布局

1. 浮动布局精华 Layout Gala(https://blog.html.it/layoutgala/index.html)（参考流体负 margin 布局部分）

• Flexbox Grid(http://flexboxgrid.com/)（使用 flexbox 的网格布局系统）
• How to build a responsive grid system(https://zellwk.com/blog/responsive-grid-system/)

内容处理相关

• 响应式导航解析(http://mux.alimama.com/posts/785)
• video 自适应问题(http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/)
• 响应式图片处理101系列(http://www.w3cplus.com/blog/tags/509.html)(共10篇)
• table 处理(https://css-tricks.com/responsive-data-table-roundup/)
• 图片滚动(http://www.swiper.com.cn/)

框架相关

• Bootstrap(http://v3.bootcss.com/)
• Foundation(http://www.foundcss.com/)

工具相关

• 使用Chrome测试页面响应性(https://segmentfault.com/a/1190000000581601)
• 测试响应和设备特定可视窗口(http://www.css88.com/doc/chrome-devtools/device-mode/emulate-mobile-viewports/)
• Screensiz.es(http://screensiz.es/phone)
• Respond.js(https://github.com/scottjehl/Respond)

其他

• 响应式案例(https://mediaqueri.es/)
• 响应式资源汇总(https://bradfrost.github.io/this-is-responsive/resources.html)
• 书籍：《响应式Web设计-HTML5和CSS3实践》(https://www.gitbook.com/book/jobrest/web-html5-css3/details)（英文名为：Responsive Web Design width HTML5 and CSS3）作者：Ben Frain
• 如何在三年内快速成长为一名技术专家 (http://www.jianshu.com/p/c4a597ab8dc1)
• 常用的正则表达式整理 (http://www.jianshu.com/p/dcbbfaf424cf)
• 程序猿小白应该注意什么(https://juejin.im/post/59e96c756fb9a0450a6679da)
• 前端移动端适配总结(https://juejin.im/entry/59e70320f265da431c6f6514)

1. 职坐标-常见的事件类型 (https://ke.qq.com/webcourse/index.html#course_id=8493&term_id=100133314&taid=532288181903661&vid=j1400yqwbbb)

2. MDN DOM 与事件(https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Events)

3. 尚硅谷JavaScript DOM全套视频(https://ke.qq.com/course/26269#tuin=b64d5a3e)

4. 28个纯CSS加载loading动画特效(http://www.qdfuns.com/notes/40816/f82b78b283e1ca85fa57d8e7c65ca31b.html)

5. css小细节总结(http://www.qdfuns.com/notes/47113/f61186cc48e057038e6f39ef212b24f3.html)

6. git-book(https://git-scm.com/book/zh/v2)

7. 猴子都能懂的GIT 入门(https://backlogtool.com/git-tutorial/cn/)

8. MARKDOWN(http://xianbai.me/learn-md/article/about/readme.html)

9. 2018web前端面试总结(https://juejin.im/post/59ec3d50f265da431c6f7339)

10. 如何无痛降低 if else 面条代码复杂度(https://juejin.im/post/59dc66256fb9a0452a3b4832)

11. 如何在三年内快速成长为一名技术专家(https://juejin.im/post/59edcbd3f265da431875ea34)

12. HTML5 拖放实现(http://jartto.wang/2017/10/23/html5-drag/)

13. 常见的6种HTML5错误用法(http://geek.csdn.net/news/detail/240600)

14. 前端移动端适配总结(https://segmentfault.com/a/1190000011586301)