https://github.com/Mike-bel/awesome-web-frontend

This is a better way to collect some web repositories on github for a web developer.
https://github.com/Mike-bel/awesome-web-frontend

List: awesome-web-frontend

Last synced: 3 months ago
JSON representation

This is a better way to collect some web repositories on github for a web developer.

• Host: GitHub
• URL: https://github.com/Mike-bel/awesome-web-frontend
• Owner: Mike-bel
• Created: 2016-03-07T06:53:41.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-05-27T10:12:49.000Z (over 5 years ago)
• Last Synced: 2024-04-21T02:05:46.360Z (7 months ago)
• Homepage:
• Size: 9.77 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• ultimate-awesome - awesome-web-frontend - This is a better way to collect some web repositories on GitHub for a web developer. (Other Lists / PowerShell Lists)

README

        
# Awesome-Web

This is a better way to show some web frontend developmeng resouces.

# Refer To

- [WebFrontEndStack](https://github.com/unruledboy/WebFrontEndStack)

- [前端必备学习指南](http://blog.thankbabe.com/collection/)

# Reference Course

- [廖雪峰 - JavaScript 教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000)

- [阮一峰 - JavaScript 标准参考教程](https://github.com/ruanyf/jstutorial)

- [阮一峰 - ECMAScript 6 入门](https://es6.ruanyifeng.com/)

- [MDN - Web technology for developers](https://developer.mozilla.org/zh-CN/docs/Web)

- [Web 技术文档](https://developer.mozilla.org/zh-CN/docs/Web)

- [前端工程师手册 - GitBook](https://www.gitbook.com/book/leohxj/front-end-database/details)

  - [前端模块化](http://www.cnblogs.com/dolphinX/p/4381855.html)

  

  - [浅谈前端模块化](http://imweb.io/topic/55994b358555272639cb031b)

  

  - [理解与使用JavaScript中的回调函数](https://www.w3cplus.com/javascript/Sexy-Javascript-understand-the-callback-function-with-the-use-of-Javascript-in.html)

  

  - [JavaScript ES6箭头函数指南](https://segmentfault.com/a/1190000003781467)

- CSS

  - [学习CSS布局](http://zh.learnlayout.com/index.html)

  

  - [这可能是史上最全的CSS自适应布局总结教程](http://www.cnblogs.com/qieguo/p/5421252.html)

    

  - [All About Floats](https://css-tricks.com/all-about-floats/)

  

- 前端规范

  - [规范 - NEC : 更好的CSS样式解决方案](http://nec.netease.com/standard/)

  

  - [CSS 命名规范总结 - By 简单心理 · 技术团队](https://jiandanxinli.github.io/2016-08-11.html)

# Reference Manual

- [菜鸟教程](http://www.runoob.com/)

- [Css Values](http://cssvalues.com/)

# Blob

  - [张鑫旭](http://www.zhangxinxu.com/wordpress/)

  

  - [胜洪宇](http://jspang.com/2017/06/03/es6/)

  

    - [技术胖带你玩转ES6视频教程](http://jspang.com/2017/06/03/es6/)

  

# Others

  - [Public APIs](https://github.com/toddmotto/public-apis)

  A collective list of public JSON APIs for use in web development.

# Develop Tools

- OffLine IDE

  - [WebStorm](https://www.jetbrains.com/webstorm/)

  - [adobe/brackets](https://github.com/adobe/brackets/releases)

  

- OnLine Tools

  - [AXdqrW](http://codepen.io/airen/pen/AXdqrW)

  

  - [RunJS](http://runjs.cn/)

  

  - [dabblet](http://dabblet.com/)

  

  - [JS Bin](http://jsbin.com/)

  

  - [JSFiddle](https://jsfiddle.net/)

  

  - [rendur](http://rendur.com/)

  

  - [Rendera](http://rendera.herokuapp.com/)

  

  - [Sizzy](https://github.com/kitze/sizzy): A tool for developing responsive websites crazy-fast.

  

- Plugins

  - [Emmet](http://emmet.io/)

  

    Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow.

    For example, [Emmet for Sublime Text](https://github.com/sergeche/emmet-sublime).