An open API service indexing awesome lists of open source software.

https://github.com/zhaotoday/frontend-favorites

My front-end favorites. 我的前端收藏夹。
https://github.com/zhaotoday/frontend-favorites

Last synced: 4 months ago
JSON representation

My front-end favorites. 我的前端收藏夹。

Awesome Lists containing this project

README

          

## 介绍
这是一个专注于 WEB 前端的程序员网址导航,及时收录本人在学习和工作过程中遇到的好的 WEB 前端技术、资讯、工具和 HTML/CSS/JS 相关的网址。

## 网址
[www.frontend.cn](https://www.frontend.cn/)

## 推荐
- [PHP 之道](http://laravel-china.github.io/php-the-right-way/)
- [凹凸实验室](https://aotu.io/)
- [Web 全栈技术指南](https://getfullstack.com/)
- [Bootstrap 4 小抄](https://hackerthemes.com/bootstrap-cheatsheet/)
- [BootStrap 4 小抄](https://bootstrapcreative.com/resources/bootstrap-4-css-classes-index/)
- [前端框架兼容表](http://usablica.github.io/front-end-frameworks/compare.html)
- [w3schools](http://www.w3schools.com/)
- [javascripting - 代码库](http://www.javascripting.com/)
- [jQuery++](http://jquerypp.com/)
- [javascriptoo - 代码库](http://www.javascriptoo.com/)
- [frontend directory - 代码库](https://frontend.directory/p)
- [UI 中国](http://www.ui.cn/)
- [图标查找](http://findicons.com/)
- [github 上最流行的 10000 个 JS 项目](https://stats.js.org/)
- [YOU MIGHT NOT NEED JQUERY](http://youmightnotneedjquery.com/)
- [手机尺寸](http://screensiz.es/phone)
- [HTML5 Cross Browser Polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills)
- [权威的前端性能指南](https://browserdiet.com/zh/)
- [w3school](http://www.w3school.com.cn/)
- [caniuse](http://caniuse.com/)
- [overapi](http://overapi.com/)
- [devdocs](http://devdocs.io/)
- [前端知识结构](http://html5ify.com/fks/fks_chart/)
- [JS 秘密花园](http://bonsaiden.github.io/JavaScript-Garden/zh/)
- [代码规范](http://codeguide.co/)
- [编码约定](http://sideeffect.kr/popularconvention)
- [JS 贴士](http://www.jstips.co/zh_CN/)
- [colorhunt - 网页配色](http://colorhunt.co/)
- [easyicon - 图标](http://www.easyicon.net/)

## 规范
- [GitBook Design Styleguide](http://styleguide.gitbook.com/)
- [CSS Shorthand Guide](http://www.dustindiaz.com/css-shorthand/)
- [Google 开源项目风格指南 (中文版)](http://zh-google-styleguide.readthedocs.io/en/latest/)

## 视频学习网站
- [慕课网](http://www.imooc.com/)
- [极客学院](http://www.jikexueyuan.com/)
- [腾讯课堂](https://ke.qq.com/)
- [网易云课堂](http://study.163.com/)
- [PHP 100](http://www.php100.com/)
- [兄弟连 IT 教育](http://www.lampbrother.net/)
- [妙味课堂](http://www.miaov.com/)

## 工具
- [npm 包搜索工具](https://npms.io/)
- [PageSpeed Insights 网页分析](https://developers.google.com/speed/pagespeed/insights/)
- [PageSpeed Insights 规则](https://developers.google.com/speed/docs/insights/rules)
- [md 在线编辑器](http://hife.club/editor.md/)
- [当前浏览器的 HTML5、CSS3 的支持程度](http://fmbip.com/)
- [支付接入](https://www.pingxx.com/)
- [Whois API](http://whois-api.domaininformation.de/)
- [API](https://www.mashape.com/)
- [JPG 图片在线压缩](https://imageoptim.com/mozjpeg)
- [智图 -- 图片在线压缩](http://zhitu.isux.us/)
- [HTML5 兼容性测试](http://html5test.com/)
- [图片在线压缩](https://compressor.io/)
- [有字库](http://www.youziku.com/)
- [H5 交互设计利器](http://www.epub360.com/)
- [正则表达式](http://regexr.com/)
- [正则表达式](https://www.debuggex.com/)
- [正则表达式](https://jex.im/regulex/)
- [正则表达式](https://regexper.com/)
- [在线正则表达式测试](http://tool.oschina.net/regex/)
- [codepen - 代码运行](http://codepen.io/pen/)
- [jsbin - 代码运行](http://jsbin.com/?html,output)
- [runjs - 代码运行](http://runjs.cn/)
- [管理项目](https://trello.com/)
- [移动端浏览器检测](http://detectmobilebrowsers.com/)
- [Device pixel density tests](https://bjango.com/articles/min-device-pixel-ratio/)
- [思维导图](https://coggle.it/)
- [字体](http://fontawesome.io/)
- [图片在线压缩](https://tinypng.com/)
- [ES-Checker](http://ruanyf.github.io/es-checker/index.cn.html)
- [百度脑图](http://naotu.baidu.com/)
- [脑图](http://my-mind.github.io/)
- [mydevice](http://mydevice.io/devices/)
- [html5doctor](http://html5doctor.com/)
- [Device metrics](https://design.google.com/devices/)
- [Dribbble - 设计师社区](https://dribbble.com/)
- [在线演示服务](https://slides.com/)
- [网站扫描](https://developer.microsoft.com/en-us/microsoft-edge/tools/staticscan/)
- [在线设计数据库](http://ondras.zarovi.cz/sql/demo/?keyword=default)
- [浏览器市场份额](http://tongji.baidu.com/data/browser)
- [W3C 在线检验](https://validator.w3.org/)
- [正则表达式流程图](http://zhoushengfe.com/rline.html)
- [在线 md 编辑器](https://www.zybuluo.com/mdeditor)

## 手册
- [webpack 2.2 中文文档](http://www.css88.com/doc/webpack2/)
- [ES6 手册](https://qiutc.me/post/es6-cheatsheet.html)
- [语言代码](https://www.sitepoint.com/web-foundations/iso-2-letter-language-codes/)
- [前端开发者手册](https://dwqs.gitbooks.io/frontenddevhandbook/content/)
- [前端开发规范手册](http://zhibimo.com/read/Ashu/front-end-style-guide/index.html)
- [ESDoc](https://esdoc.org/esdoc/)
- [JSDoc](http://usejsdoc.org/)
- [JSDoc 中文文档](http://www.css88.com/doc/jsdoc/index.html)
- [eslint](http://eslint.cn/docs/rules/)
- [The HTML 5 JavaScript API Index](http://html5index.org/)
- [React Cheat Sheet](http://reactcheatsheet.com/)
- [色值安全](http://colorsafe.co/)
- [移动端 HTML5 兼容性](http://mobilehtml5.org/)
- [媒体查询](http://nmsdvid.com/snippets/)
- [HTML5 书签](http://html5bookmarks.com/)
- [W3C Glossary 对照表](https://w3c-html-ig-zh.github.io/w3c-glossary/)
- [前端工程师手册](https://leohxj.gitbooks.io/front-end-database/content/)
- [缓动函数速查表](http://easings.net/zh-cn)
- [html5please](http://html5please.com/)
- [兼容性](http://w3help.org/zh-cn/kb/)
- [兼容性表](http://kangax.github.io/compat-table/es6/)
- [分享知识](https://developer.mozilla.org/zh-CN/)
- [HTML 参考文档](http://w3c.github.io/html-reference/elements.html)
- [HTML5 Demos](http://html5demos.com/)
- [webkit 浏览器内核中的 CSS 属性](http://ued.ctrip.com/webkitcss/index.html)
- [CSS 参考手册](http://css.doyoe.com/)
- [Vim 小抄](http://vim.rtorr.com/lang/zh_cn/)
- [CSS3 选择器测试](http://tools.css3.info/selectors-test/test.html)
- [Emmet Documentation](http://docs.emmet.io/cheat-sheet/)
- [本地默认字体兼容性表](http://fontfamily.io/)
- [HTML、CSS 术语](http://apps.workflower.fi/vocabs/)
- [CSS Property Index](http://www.blooberry.com/indexdot/css/propindex/all.htm)
- [browserhacks](http://browserhacks.com/)
- [runoob](http://www.runoob.com/)
- [ 标签小抄](http://gethead.info/)
- [JS 相关名词](http://jargon.js.org/)
- [HTML5 兼容性](http://www.html5accessibility.com/)
- [Node.js 的 ES2015 支持情况](http://node.green/)
- [jQuery API 查询](https://oscarotero.com/jquery/)
- [CSS 参考手册](http://www.phpstudy.net/css3/)
- [CSS 参考手册](http://tympanus.net/codrops/css_reference/)
- [常用 API 文档索引](http://tool.oschina.net/apidocs)
- [CSS3 动画手册](http://isux.tencent.com/css3/index.html)

## 指南
- [网页字体排印指南](http://aaaaaashu.me/shu/)
- [es6-interactive-guide](http://stack.formidable.com/es6-interactive-guide/#/)
- [Markdown 入门参考](http://xianbai.me/learn-md/)
- [深入浅出 ES6](http://www.infoq.com/cn/es6-in-depth/)
- [git - 简明指南](http://rogerdudler.github.io/git-guide/index.zh.html)
- [移动WEB开发入门](http://junmer.github.io/mobile-dev-get-started/#/)
- [JavaScript SDK 设计指南](http://www.zcfy.cc/article/javascript-sdk-design-guide-530.html)
- [JavaScript 标准参考教程(alpha)](http://javascript.ruanyifeng.com/)
- [JS函数式编程指南](https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/)
- [Webpack 中文指南](http://webpackdoc.com/)
- [正则表达式](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions)
- [JavaScript 指南](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide)

## 云平台/代码托管
- [Coding](https://coding.net/)
- [TaoCode](http://code.taobao.org/)
- [CSDN](https://code.csdn.net/)
- [leancloud](https://leancloud.cn/)
- [daocloud](https://www.daocloud.io/)
- [码云](https://git.oschina.net/)
- [聚云网 - 项目开发云平台](http://mashupcloud.cn/)
- [GitLab](https://about.gitlab.com/)
- [Bitbucket](https://bitbucket.org/)

## 代码库
- [dowebok](http://www.dowebok.com/)
- [awesomes](https://www.awesomes.cn/)
- [plainjs](https://plainjs.com/)
- [jster](http://jster.net/)
- [microjs](http://microjs.com/)
- [ireact](http://ireact.cn/)
- [jQWidgets](http://www.jqwidgets.com/)
- [jQuery 插件](http://jquerycards.com/)

## 网址导航
- [我的索引](http://www.51index.cn/)
- [设计导航](http://hao.shejidaren.com/)
- [醉牛前端](http://f2er.club/)
- [whycss](http://whycss.com/)
- [前端收藏夹](http://collect.w3ctrain.com/)
- [前端导航网](http://jsdig.com/)

## 其他
- [中文网页重设与排版:typo.css](http://typo.sofi.sh/)
- [免费 PSD](http://downloadfreepsd.com/)
- [MaterialUp](https://material.uplabs.com/)
- [HOW TO KEEP UP TO DATE ON](https://uptodate.frontendrescue.org/)