├── README.md ├── article └── README.md ├── blog └── README.md ├── project └── README.md ├── repo └── README.md └── site └── README.md /README.md: -------------------------------------------------------------------------------- 1 | # HTML5Resources 2 | HTML5开发资源整理 3 | * article：分类积累开发中一些不错的技术博文，主要针对某个知识点做讲解。 4 | * blog：包括国内外优秀开发者及其他们的博客。 5 | * project：整理开源社区中优秀的开源项目，话说看别人的代码也是一种很好的学习方式。 6 | * repo：整理开源社区优秀的第三方开源库，不重复造轮子。 7 | * site：整理国内外的一些技术网站、论坛、问答社区等等。 8 | 9 | ### 格式： 10 | #### 资源名称 11 | > 用概括性的话对资源做简单描述。 12 | 13 | ### 其它相关： 14 | 15 | > * 移动开发在线分享开发工具库：[DevelopmentTools](https://github.com/MobDevGroup/DevelopmentTools) 16 | 17 | > * 移动开发在线分享移动设计库：[MobileDesign](https://github.com/MobDevGroup/MobileDesign) 18 | 19 | > * 移动开发在线分享开Android开发资源库：[AndroidResources](https://github.com/MobDevGroup/AndroidResources) 20 | 21 | > * 移动开发在线分享iOS开发资源库：[iOSResources](https://github.com/MobDevGroup/iOSResources) 22 | 23 | > * 移动开发在线分享项目开发库：[ProjectDevelopment](https://github.com/MobDevGroup/ProjectDevelopment) 24 | -------------------------------------------------------------------------------- /article/README.md: -------------------------------------------------------------------------------- 1 | ### 资源文章 2 | 3 | #### [YOU MIGHT NOT NEED JQUERY](http://youmightnotneedjquery.com/) 4 | 5 | #### [大前端的技术原理和变迁史](https://juejin.im/post/5b5adc9b6fb9a04f9244555d) 6 | 7 | #### [如何通过饿了么 Node.js 面试](https://elemefe.github.io/node-interview/#/sections/zh-cn/) 8 | > 饿了么前端写的Nodejs面试指南 9 | 10 | #### [我是这样学习前端的](https://github.com/icepy/_posts/issues/39) 11 | 12 | #### [构建单页Web应用](https://github.com/xufei/blog/issues/5) 13 | 14 | #### [JavaScript 秘密花园](http://bonsaiden.github.io/JavaScript-Garden/zh/) 15 | 16 | #### [jQuery 基本原理](http://docs.huihoo.com/jquery/jquery-fundamentals/zh-cn/index.html) 17 | 18 | #### [PX, EM or REM Media Queries?](http://zellwk.com/blog/media-query-units/) 19 | 20 | #### [rem vs em](http://zellwk.com/blog/rem-vs-em/) 21 | 22 | #### [我理想中的前端工作流](https://segmentfault.com/a/1190000004638228) 23 | 24 | #### [前端远程调试](http://segmentfault.com/a/1190000004322742) 25 | 26 | #### [响应式设计简易指南](http://geekplux.com/grid/) 27 | 28 | #### [Hybrid APP架构设计思路](http://segmentfault.com/a/1190000004263182) 29 | 30 | #### [我眼中的前端框架jQuery，Angular，React，Vue——以及我看前端架构](http://weibo.com/p/1001603924826640228007) 31 | 32 | #### [JavaScript 资源大全中文版](http://gold.xitu.io/entry/5677d34700b0bf37ccc8f431) 33 | 34 | #### [适用于小团队的前端规范](http://front-end-standards.com/) 35 | 36 | #### [React-Native入门指南](https://github.com/vczero/react-native-lession) 37 | 38 | #### [设计师该如何学习前端](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=400639373&idx=2&sn=a784cb1887f8db0b7919abdbce660bf1&scene=0#wechat_redirect) 39 | 40 | #### [移动端点击、触碰随记](http://f2e.souche.com/blog/-yi-dong-duan-dian-ji-hong-peng-sui-ji/) 41 | 42 | #### [移动端自适应方案](http://f2e.souche.com/blog/yi-dong-duan-zi-gua-ying-fang-an/#clue) 43 | 44 | #### [Android开发技术周报特刊之React Native](http://www.androidweekly.cn/android-dev-special-weekly-react-native/) 45 | 46 | #### [给 JavaScript 初心者的 ES2015 实战](http://gank.io/post/564151c1f1df1210001c9161) 47 | 48 | #### [现代Web页面开发流程](http://insights.thoughtworkers.org/modern-ui-development-workflow/) 49 | 50 | #### [移动端前端开发真机调试攻略](http://www.anchengjian.com/post/3217ba_8c8e9f1) 51 | 52 | #### [前端工程之模块化](http://fex.baidu.com/blog/2014/03/fis-module/) 53 | 54 | #### [如何进行前端自动化测试](https://github.com/fouber/blog/issues/7) 55 | 56 | #### [前端开发体系建设日记](https://github.com/fouber/blog/issues/2) 57 | 58 | #### [2015前端组件化框架之路](https://github.com/xufei/blog/issues/19) 59 | 60 | #### [前端组件化开发实践](http://tech.meituan.com/frontend-component-practice.html) 61 | 62 | #### [前端工程与模块化框架](https://github.com/fouber/blog/issues/4) 63 | 64 | #### [浅谈前端集成解决方案](https://github.com/fouber/blog/issues/1) 65 | 66 | #### [前端工程与性能优化](https://github.com/fouber/blog/issues/3) 67 | 68 | #### [移动端图片格式调研](http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/) 69 | 70 | #### [前端工程——基础篇](https://github.com/fouber/blog/issues/10) 71 | 72 | #### [前端开发书单](https://github.com/javascript-society/javascript-path) 73 | 74 | #### [前端入门指南](https://github.com/qiu-deqing/FE-learning) 75 | 76 | #### [JavaScript学习指南](https://github.com/braziljs/js-the-right-way) 77 | 78 | #### [使用 AngularJS & NodeJS 实现基于 token 的认证应用](http://zhuanlan.zhihu.com/FrontendMagazine/19920223) 79 | -------------------------------------------------------------------------------- /blog/README.md: -------------------------------------------------------------------------------- 1 | 2 | ### 组织 3 | 4 | #### [Google](https://developers.google.com/) 5 | * site：http://developer.android.com/ 6 | * blog：http://android-developers.blogspot.com/ 7 | * GitHub：https://github.com/google 8 | * twitter：https://twitter.com/AndroidDev 9 | 10 | #### [facebook](https://developers.facebook.com/) 11 | * site：https://code.facebook.com/projects/ 12 | * blog：https://developers.facebook.com/blog/?ref=ft 13 | * GitHub：https://github.com/facebook 14 | * twitter：https://twitter.com/fbplatform https://twitter.com/fbOpenSource 15 | 16 | #### [Square](http://square.github.io) 17 | * site：http://square.github.io 18 | * blog：https://corner.squareup.com/ 19 | * GitHub：https://github.com/square 20 | * twitter：https://twitter.com/SquareEng 21 | 22 | #### [twitter](https://dev.twitter.com/) 23 | * site：https://engineering.twitter.com/opensource 24 | * blog：https://blog.twitter.com/engineering 25 | * GitHub：https://github.com/twitter 26 | * twitter：https://twitter.com/TwitterDev 27 | https://twitter.com/TwitterOSS 28 | 29 | #### [GitHub](https://developer.github.com/) 30 | * site：https://developer.github.com/ 31 | * blog：https://developer.github.com/changes/ 32 | * GitHub：https://github.com/github 33 | * twitter：https://twitter.com/GitHubEng 34 | 35 | #### [阿里巴巴](http://developer.alibaba.com/) 36 | * site：http://developer.alibaba.com/ 37 | * blog：https://developer.github.com/changes/ 38 | * GitHub：https://github.com/alibaba 39 | 40 | #### [美团](http://tech.meituan.com/) 41 | * blog：http://tech.meituan.com/ 42 | * GitHub：https://github.com/meituan 43 | 44 | #### [Flipboard](https://github.com/Flipboard) 45 | 46 | #### [搜车网前端团队](http://f2e.souche.com/blog/) 47 | 48 | ### 个人 49 | 50 | #### 阮一峰 51 | * blog：http://www.ruanyifeng.com/blog/ 52 | * GitHub：https://github.com/ruanyf 53 | * WeiBo：http://weibo.com/ruanyf 54 | * twitter：https://twitter.com/ruanyf 55 | 56 | #### 老赵 57 | * blog：http://blog.zhaojie.me/ 58 | * GitHub：https://github.com/JeffreyZhao 59 | * WeiBo：http://weibo.com/jeffz 60 | * twitter：https://twitter.com/jeffz_cn 61 | 62 | #### 玉伯 63 | * blog：https://lifesinger.wordpress.com/ 64 | * GitHub：https://github.com/lifesinger 65 | * WeiBo：http://weibo.com/lifesinger 66 | * twitter：https://twitter.com/lifesinger 67 | 68 | #### 寒冬winter 69 | * blog：http://winter-cn.cnblogs.com/ 70 | * WeiBo：http://weibo.com/wintercn 71 | 72 | #### 左耳朵耗子 73 | * blog：http://coolshell.cn/ 74 | * GitHub：https://github.com/haoel 75 | * WeiBo：http://weibo.com/haoel 76 | * twitter：https://twitter.com/haoel/ 77 | 78 | #### fool2fish 79 | * blog：http://fool2fish.cn 80 | * GitHub：https://github.com/fool2fish 81 | * WeiBo：http://weibo.com/fool2fish 82 | * twitter：https://twitter.com/fool2fish 83 | 84 | #### html5ify 85 | * blog：http://html5ify.com/ 86 | * GitHub：https://github.com/JacksonTian 87 | * WeiBo：http://weibo.com/shyvo 88 | * twitter：https://twitter.com/JacksonTian 89 | 90 | #### Cat Chen 91 | * blog：http://catchen.biz/home.zh-CN.html 92 | * GitHub：https://github.com/CatChen 93 | * WeiBo：http://weibo.com/u/1640352230 94 | * twitter：https://twitter.com/CatChen 95 | 96 | #### BYVod 97 | * blog：https://www.byvoid.com/ 98 | * GitHub：https://github.com/BYVoid 99 | * WeiBo：http://weibo.com/byvoid 100 | * twitter：https://twitter.com/byvoid 101 | 102 | #### 郭宇 103 | * blog：http://blog.guoyu.me/ 104 | * GitHub：https://github.com/turingou 105 | * WeiBo：http://weibo.com/137601206 106 | * twitter：https://twitter.com/turingou 107 | 108 | #### 张鑫旭 109 | * blog：http://www.zhangxinxu.com/wordpress/ 110 | * GitHub：https://github.com/zhangxinxu 111 | * WeiBo：http://weibo.com/zhangxinxu 112 | * twitter：https://twitter.com/zhangxinxu 113 | 114 | #### smallni 115 | * blog：http://www.smallni.com/ 116 | * twitter：https://twitter.com/smallniding/ 117 | 118 | #### 安记 119 | * blog：http://www.annn.me/ 120 | * GitHub：https://github.com/hanan198501 121 | * WeiBo：http://weibo.com/hanan321 122 | -------------------------------------------------------------------------------- /project/README.md: -------------------------------------------------------------------------------- 1 | 2 | ### 开源项目 3 | 4 | #### [Gank](https://github.com/OrangeXC/gank) 5 | > 使用React 服务端渲染的Gank客户端 6 | 7 | #### [gitbook-reader-rn](https://github.com/le0zh/gitbook-reader-rn) 8 | > 使用RN开发的gitbook阅读器，可以查看在线的书籍信息，在线阅读和下载。 9 | 10 | #### [落网PC客户端](https://github.com/HuQingyang/Luoo.qy) 11 | > 一个基于 Electron 与 Vue 的落网第三方客户端 12 | 13 | #### [基于react的影院购票应用](https://github.com/Aaaaaaaty/react_movie) 14 | > 相关技术栈react redux sass webpack es6 15 | 16 | #### [MagicMusic](https://github.com/hzzly/MagicMusic) 17 | > Vue音乐播放器 18 | 19 | #### [tencent-sports](https://github.com/renjie1996/tencent-sports) 20 | > Vue2.0全家桶仿腾讯体育APP 21 | 22 | #### [vue-book](https://github.com/percy507/vue-book) 23 | > 基于MySQL和php 前端采用vue和webpack2的书单应用 24 | 25 | #### [Vue-QQMusic](https://github.com/Panda-Hope/vue-qqmusic) 26 | > 基于Vue全家桶的QQ音乐应用 27 | 28 | #### [VueMusic-PC](https://github.com/Reusjs/VueMusic-PC) 29 | > Vue.js高还原网易云音乐系列-PC端的实现 30 | 31 | #### [TimeCat](https://github.com/hicoldcat/TimeCat) 32 | > 基于Vue2.0+vuex+vue-router+axios+less的图片社交分享App 33 | 34 | #### [react-conf-app](https://github.com/Thinkmill/react-conf-app) 35 | > React Conf 2017 Companion App - built with React Native 36 | 37 | #### [NeteaseCloudWebApp](https://github.com/javaSwing/NeteaseCloudWebApp) 38 | > 用vuejs来实现的网易云音乐项目 39 | 40 | #### [vue2-elm](https://github.com/bailicangdu/vue2-elm) 41 | > 基于 vue2 + vue-router2 + vuex + webpack + ES6/7 + sass 重写 饿了么 webapp 42 | 43 | #### [react-native-nike-running](https://github.com/sonnylazuardi/react-native-nike-running) 44 | > UI & UX Prototype of redesigned Nike+ Running App 45 | 46 | #### [react-native-Gank](https://github.com/wangdicoder/react-native-Gank) 47 | > 一款很棒的干货集中营非官方App，React Native实现 48 | 49 | #### [mdcc-client](https://github.com/Bob1993/mdcc-client) 50 | > a react-native client for mdcc 51 | 52 | #### [react-cnode](https://github.com/lzxb/react-cnode) 53 | > 基于webpack + react + react-router + redux + less + flex.css + ES6 的React版cnode社区 54 | 55 | #### [react-native-BabyHealth](https://github.com/liuhongjun719/react-native-BabyHealth-) 56 | > React native 创建的仿 “宝宝健康” app，实现Listview展示、收藏、跳到appstore、react-redux与redux-thunk的使用 57 | 58 | #### [嘎嘎商城客户端](https://github.com/jiangqqlmj/GaGaMall) 59 | > React Native开发嘎嘎商城客户端 60 | 61 | #### [maoyanFilm](https://github.com/yohnz/maoyanFilm) 62 | > React Native实现的猫眼App 63 | 64 | #### [f8app](https://github.com/fbsamples/f8app) 65 | > Source code of the official F8 app of 2016, powered by React Native and other Facebook open source projects. 66 | 67 | #### [react-native-gitfeed](https://github.com/xiekw2010/react-native-gitfeed) 68 | > 用React Native实现的GitHub客户端 69 | 70 | #### [Vue-cnodejs](https://github.com/shinygang/Vue-cnodejs) 71 | > 基于vue.js重写Cnodejs.org社区的webapp 72 | 73 | #### [DoubanMovie-React-Native](https://github.com/fengjundev/DoubanMovie-React-Native) 74 | > 豆瓣电影客户端 75 | 76 | #### [ioniclub](https://github.com/IonicChina/ioniclub) 77 | > Ionichina社区客户端，采用Ionic Framework开发 78 | 79 | #### [ReactNativeRubyChina](https://github.com/henter/ReactNativeRubyChina) 80 | > ReactNative iOS APP for RubyChina 81 | 82 | #### [ReactNativeV2ex](https://github.com/chshouyu/ReactNativeV2ex) 83 | > 使用react native开发的v2ex客户端z 84 | 85 | #### [react-native-nw-react-calculator](https://github.com/benoitvallon/react-native-nw-react-calculator) 86 | > A mobile, desktop and website App with the same code 87 | 88 | #### [HackerNews-React-Native](https://github.com/iSimar/HackerNews-React-Native) 89 | > Hacker News iOS and Android App - Made with React Native. 90 | 91 | #### [JianDan-React-Native](https://github.com/w4lle/JianDan-React-Native) 92 | > Jiandan App client implemented using React Native for Android. 93 | 94 | #### [Cordova-Examples](https://github.com/cfjedimaster/Cordova-Examples) 95 | > 作者列举了使用PhoneGap开发的一些demo实例，供Hybrid App开发者参考 96 | 97 | #### [ZhiHuDaily-React-Native](https://github.com/race604/ZhiHuDaily-React-Native) 98 | > A Zhihu Daily App client implemented using React Native for Android. 99 | 100 | #### [react-native-dribbble-app](https://github.com/catalinmiron/react-native-dribbble-app) 101 | > 用React Native写的Dribbble第三方客户端 102 | 103 | #### [ECMobile_Universal](https://github.com/GeekZooStudio/ECMobile_Universal) 104 | > 基于ECShop的手机商城客户端 105 | 106 | #### [React-Native-App](https://git.oschina.net/vczero/React-Native-App) 107 | > 基于React Native的通讯录App 108 | 109 | #### [plyr](https://github.com/Selz/plyr) 110 | > 一个简单的HTML5播放器 111 | 112 | #### [oschina-apicloud-app](https://git.oschina.net/ThinkPHP/oschina-apicloud-app) 113 | > 基于 APICloud 的 OSChina 客户端 114 | 115 | #### [flappy](https://github.com/hyspace/flappy) 116 | > 用HTML5写的flappy bird游戏 117 | 118 | #### [clumsy-bird](https://github.com/ellisonleao/clumsy-bird) 119 | > 又一个Flappy Bird Game游戏 120 | 121 | #### [floppybird](https://github.com/nebez/floppybird) 122 | > flappy bird, 用的html5 123 | 124 | #### [Flappy-2048](https://github.com/hczhcz/Flappy-2048) 125 | > Flappy Bird + 2048 126 | 127 | #### [ngSJM](https://github.com/yhaoao/ngSJM) 128 | > 使用Angular开发神经猫游戏 129 | -------------------------------------------------------------------------------- /repo/README.md: -------------------------------------------------------------------------------- 1 | 2 | ### HTML5/前端开源库 3 | 4 | #### [normalize.css](https://github.com/necolas/normalize.css) 5 | > A collection of HTML element and attribute style-normalizations 6 | 7 | #### [React Native Material Design](http://react-native-material-design.github.io/) 8 | > React Native Material Design库 9 | 10 | #### [ReactNative_Android_QA](https://github.com/yipengmu/ReactNative_Android_QA) 11 | > Android端10个最常见问题 12 | 13 | #### [layer](http://layer.layui.com/) 14 | > web弹窗解决方案，开源库[地址](https://github.com/sentsin/layer) 15 | 16 | #### [front-end-handbook](https://github.com/FrontendMasters/front-end-handbook) 17 | >前端开发者手册 18 | 19 | #### [fedHandlebook](https://github.com/dwqs/fedHandlebook) 20 | > 前端开发者手册 21 | 22 | #### [code-push](https://github.com/Microsoft/code-push) 23 | > 一个微软开源的支持Cordova 和 React Native开发者直接部署Mobile App更新的云服务 24 | 25 | #### [jquery-tips-everyone-should-know](https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know) 26 | > A collection of simple tips to help up your jQuery game 27 | 28 | #### [react-desktop](https://github.com/gabrielbull/react-desktop) 29 | > React UI Components for OS X El Capitan and Windows 10 30 | 31 | #### [Angular.js](https://angularjs.org/) 32 | > a development platform for building mobile and desktop web applications. 33 | 34 | #### [AngularUI](http://angular-ui.github.io/) 35 | > The companion suite(s) to the AngularJS framework. 36 | 37 | #### [react-native-android-lession](https://github.com/yipengmu/react-native-android-lession) 38 | > mark react-native-android steps 39 | 40 | #### [AngularJS-Learning](https://github.com/jmcunningham/AngularJS-Learning) 41 | > A bunch of links to blog posts, articles, videos, etc for learning AngularJS 42 | 43 | #### [React](http://facebook.github.io/react) 44 | > A declarative, efficient, and flexible JavaScript library for building user interfaces. 45 | 46 | #### [html5-boilerplate](https://github.com/h5bp/html5-boilerplate) 47 | > HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites. 48 | 49 | #### [ionic](https://github.com/driftyco/ionic) 50 | > Advanced HTML5 mobile development framework and SDK. Build incredible mobile apps with web technologies you already know and love. Best friends with AngularJS. 51 | 52 | 53 | #### [OnsenUI](https://github.com/OnsenUI/OnsenUI) 54 | > Custom Elements-Based HTML5 UI Framework for Building Your Mobile Front End 55 | 56 | 57 | #### [Modernizr](https://github.com/Modernizr/Modernizr) 58 | > Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. 59 | 60 | #### [mockjs](http://mockjs.com/) 61 | > Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。 62 | 63 | #### [node-restify](http://restifyjs.com) 64 | > node.js REST framework specifically meant for web service APIs 65 | 66 | #### [mongoose](http://mongoosejs.com) 67 | > MongoDB object modeling designed to work in an asynchronous environment. 68 | 69 | #### [zepto](http://zeptojs.com) 70 | > 移动端jquery: a minimalist JavaScript library for modern browsers, with a jQuery-compatible API 71 | 72 | #### [lodash](https://lodash.com/) 73 | > 工具类函数库：A JavaScript utility library delivering consistency, modularity, performance, & extras. 74 | 75 | #### [webpack](https://github.com/webpack/webpack) 76 | > 模块化：A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff. 77 | 78 | #### [requirejs](http://requirejs.org/) 79 | > A file and module loader for JavaScript 80 | 81 | #### [famous](http://famous.org/) 82 | > 前端动画库：High-performance javascript library for animations & interfaces 83 | 84 | ### 滑动 85 | 86 | #### [jquery.nicescroll](https://github.com/inuyaksa/jquery.nicescroll) 87 | > 一个类似iPhone/iPad的滑动条 88 | 89 | ### 音视频 90 | 91 | #### [video.js](http://www.videojs.com) 92 | > open source HTML5 & Flash video player 93 | 94 | #### [plyr](https://github.com/Selz/plyr) 95 | > A simple HTML5 media player 96 | 97 | #### [jPlayer](https://github.com/happyworm/jPlayer) 98 | > HTML5 Audio & Video for jQuery 99 | 100 | ### Web Sockets 101 | 102 | #### [web-socket-js](https://github.com/gimite/web-socket-js) 103 | > HTML5 Web Socket implementation powered by Flash 104 | 105 | ### Web Workers 106 | 107 | #### [local](https://github.com/pfraze/local) 108 | > An Ajax library that can target local JS code and web workers. 109 | 110 | ### 画布 111 | 112 | #### [Chart.js](http://www.chartjs.org/) 113 | > Simple HTML5 Charts using the canvas tag 114 | 115 | ### 事件 116 | 117 | #### [hammer.js](https://github.com/hammerjs/hammer.js) 118 | > A javascript library for multi-touch gestures 119 | 120 | #### [fastclick](https://github.com/ftlabs/fastclick) 121 | > Polyfill to remove click delays on browsers with touch UIs 122 | 123 | #### [Swipe](https://github.com/thebird/Swipe) 124 | > Swipe is the most accurate touch slider. 125 | 126 | #### [interact.js](https://github.com/taye/interact.js) 127 | > JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+) 128 | 129 | #### [slideout](https://github.com/Mango/slideout) 130 | > A touch slideout navigation menu for your mobile web apps. 131 | 132 | ### 数据存储 133 | 134 | #### [localForage](https://github.com/mozilla/localForage) 135 | > Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API. 136 | 137 | #### [store.js](https://github.com/marcuswestin/store.js) 138 | > localStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood 139 | 140 | #### [basket.js](https://github.com/addyosmani/basket.js) 141 | > A script and resource loader for caching & loading files with localStorage 142 | 143 | #### [store](https://github.com/nbubna/store) 144 | > A better way to use localStorage and sessionStorage 145 | 146 | #### [localStorageDB](https://github.com/knadh/localStorageDB) 147 | > A simple database layer for localStorage and sessionStorage for creating structured data in the form of databases and tables 148 | 149 | ### 定位 150 | 151 | #### [getAccurateCurrentPosition](https://github.com/gwilson/getAccurateCurrentPosition) 152 | > Simple function to complements navigator.geolocation - spends more time fine tuning the location before replying 153 | 154 | #### [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation) 155 | > Sophisticated, battery-conscious background-geolocation with motion-detection 156 | 157 | ### Sass 158 | 159 | #### [sassCore](https://github.com/marvin1023/sassCore) 160 | > 一份基础的scss库，包括常用reset, mixin, grids, typo, css3, media queries等多个文件，是你sass开发的必备库 161 | 162 | #### [breakpoint](https://github.com/at-import/breakpoint) 163 | > Really simple media queries in Sass 164 | 165 | #### [sass-mediaqueries](https://github.com/paranoida/sass-mediaqueries) 166 | > Media Queries mixins for Sass - fully customizable and very easy to use. 167 | 168 | ### CSS3动画 169 | 170 | #### [bounce.js](https://github.com/tictail/bounce.js) 171 | > Create beautiful CSS3 powered animations in no time. 172 | 173 | #### [magic](https://github.com/miniMAC/magic) 174 | > CSS3 Animations with special effects 175 | -------------------------------------------------------------------------------- /site/README.md: -------------------------------------------------------------------------------- 1 | 2 | ### 资源工具站 3 | 4 | #### [印记中文](https://docschina.org/) 5 | > 前端技术文档翻译参考站 6 | 7 | #### [Vue.js 技术揭秘](https://ustbhuangyi.github.io/vue-analysis/) 8 | > Vue.js 技术揭秘 9 | 10 | #### [Vue技术内幕](http://hcysun.me/vue-design/) 11 | > Vue技术内幕 12 | 13 | #### [modern-js-cheatsheet](https://github.com/mbeaudru/modern-js-cheatsheet) 14 | > 现代工程中经常遇到的Javascript知识速查表 15 | 16 | #### [streamify-your-node-program](https://github.com/zoubin/streamify-your-node-program) 17 | > 对Node.js中 stream模块的学习积累和理解 18 | 19 | #### [JavaScript Promise迷你书](http://liubin.org/promises-book/) 20 | > JavaScript Promise迷你书 21 | 22 | #### [Vuejs CheetSheet](https://vuejs-tips.github.io/cheatsheet/) 23 | > Vuejs 查询表 24 | 25 | #### [React Native中文网](http://reactnative.cn/) 26 | > React Native中文网 27 | 28 | #### [前端资源汇总](http://collect.w3ctrain.com/) 29 | > 前端收藏夹 30 | 31 | #### [Front-end Developer Handbook](http://www.frontendhandbook.com/index.html) 32 | > 前端开发者手册 33 | 34 | #### [前端开发者手册](https://dwqs.gitbooks.io/frontenddevhandbook/content/) 35 | > 前端开发者手册翻译版 36 | 37 | #### [Codelabs](http://www.code-labs.io/) 38 | > 谷歌代码学习指南 39 | 40 | #### [awesomes](http://www.awesomes.cn) 41 | > 提供前端Github库的归档和中文文档 42 | 43 | #### [W3school](http://w3school.com.cn/) 44 | > 领先的 Web 技术教程，可供随时查阅。 45 | 46 | #### [移动开发在线模拟器](http://emulator.mobilewebsitesubmit.com/) 47 | > 在线模拟移动网站，可能需要翻墙。 48 | 49 | #### [HTML5Test](http://html5test.com/) 50 | > 测试你的浏览器对HTML5的支持情况。 51 | 52 | #### [CanIUse](http://caniuse.com/) 53 | > 查阅新特性的支持情况 54 | 55 | #### [Mobile Html](http://mobilehtml5.org/) 56 | > 移动设备针对HTML5的支持情况。里面有详细总结。 57 | 58 | #### [jsfiddle](http://jsfiddle.net/) 59 | > js在线调试工具。 60 | 61 | #### [sassmeister](http://sassmeister.com/) 62 | > sass在线编辑器，可以同时预览生产的css代码。 63 | 64 | #### [Mobile Checker](http://validator.w3.org/mobile-alpha/) 65 | > W3C发布了移动端页面检查工具,可以选择三种屏幕规格，通过工具发现网站在移动端存在的问题。 66 | 67 | #### [在线Api](http://devdocs.io/) 68 | > 提供在线浏览API文档。 69 | 70 | #### [CSS参考手册](http://css.doyoe.com/) 71 | > CSS在线参考手册。 72 | 73 | #### [NEC](http://nec.netease.com/) 74 | > 网易（杭州）前端CSS开源项目代号，她为您提供漂亮简单的样式解决方案。 75 | 她包括了规范、框架、代码库、插件等内容，致力于为前端开发人员提供高效率高质量的前端页面开发解决方案，提高多人协作效率，也为非专业人员提供快速制作网页的解决方案。 76 | 77 | #### [NEJ](http://nej.netease.com/) 78 | > 网易前端组工程师们发起创建的简洁，美观，真正的跨平台web前端开发框架；她遵循的原则是:自由定制、小巧灵活、简洁易用、愉悦编码、快乐开发。 79 | 80 | #### [px转em](http://pxtoem.com/) 81 | > 单位换算 82 | 83 | #### [知识WIKI](http://wiki.jikexueyuan.com/) 84 | > 汇集各种技术的wiki指南 85 | 86 | #### [每天发现一个好链接](http://admire.so/) 87 | > 每天发现一个好链接 88 | 89 | #### [GitLogs](http://www.gitlogs.com/) 90 | > 一个支持订阅GitHub流行趋势库的网站 91 | 92 | ### 国内前端站 93 | 94 | #### [前端导航网](http://jsdig.com/) 95 | > 前端导航网站 96 | 97 | #### [9秒社团](http://www.9miao.com/forum.php) 98 | > 国内比较火的跨平台HTML5开发者社区，涉及到的有跨平台移动应用开发引擎，开源游戏服务端框架，UI素材等等。 99 | 100 | #### [360网站卫士常用前端公共库加速服务](http://libs.useso.com/js.php) 101 | > 360网站卫士常用前端公共库加速服务，为前端开发者提供参考。 102 | 103 | #### [HTML5China](http://www.html5china.com/) 104 | > 国内领先的HTML5技术门户。 105 | 106 | #### [FKS](http://html5ify.com/fks/) 107 | > 国内人组织整理的一份很全的前端知识结构，从这上面也可以见证前端知识的变迁。 108 | 109 | #### [前端乱炖](http://www.html-js.com/) 110 | > 专业的前端社区。 111 | 112 | #### [Node.js 中文社区](https://cnodejs.org/) 113 | > Node.js 国内最活跃的社区 114 | 115 | #### [Div.IO](http://div.io/) 116 | > 高质量前端资源汇聚 117 | 118 | #### [w3cplus](http://www.w3cplus.com/) 119 | > 一个致力于推广国内前端行业的技术博客。它以探索为己任，不断活跃在行业技术最前沿，努力提供高质量前端技术博文；其文章范围广泛，主要以CSS3、HTML5、Sass、Mobile和各类DEMO为主。 120 | 121 | #### [w3cfuns](http://www.w3cfuns.com/) 122 | > 专注于web前端开发行业的综合性门户网站 123 | 124 | #### [前端观察](http://www.qianduan.net/) 125 | > 一个纯粹的前端技术分享网站，目的是为前端技术人员提供所需的资讯及资源。 126 | 127 | #### [腾讯web前端 AlloyTeam 团队](http://www.alloyteam.com/) 128 | > 来自于腾讯SNG(社交网络事业群) 129 | 130 | #### [大前端](http://www.daqianduan.com/) 131 | > 国内综合性前端专业站。 132 | 133 | #### [百度前端](http://fex.baidu.com/) 134 | > 百度Web前端研发部。 135 | 136 | #### [百度移动用户体验部](http://mux.baidu.com/) 137 | > 百度移动用户体验部 138 | 139 | #### [微博UDC](http://udc.weibo.com/) 140 | 141 | #### [新浪UED](http://ued.sina.com.cn/) 142 | 143 | #### [淘宝UED](http://ued.taobao.org/blog/) 144 | > 淘宝用户体验、交互设计、视觉设计、前端技术博客。 145 | 146 | #### [阿里巴巴中文站UED](http://www.aliued.cn/) 147 | > 阿里巴巴中文站UED团队网站。 148 | 149 | #### [阿里巴巴国际站UED](http://www.aliued.com/) 150 | > 阿里巴巴国际站UED团队网站。 151 | 152 | #### [TID-财付通设计中心](http://tid.tenpay.com/) 153 | 154 | #### [腾讯MXD](http://mxd.tencent.com/) 155 | > 腾讯移动体验设计中心 156 | 157 | #### [腾讯ISD](http://isd.tencent.com/) 158 | 159 | #### [腾讯tgideas](http://tgideas.qq.com/) 160 | 161 | #### [腾讯GDC](http://gdc.qq.com/) 162 | 163 | #### [腾讯CDC](http://cdc.tencent.com/) 164 | 165 | #### [京东设计中心](http://jdc.jd.com/) 166 | 167 | #### [携程前端](http://ued.ctrip.com/blog/) 168 | > 携程前端技术团队。 169 | 170 | #### [Stackoverflow](http://stackoverflow.com/) 171 | > 国外问答站 172 | 173 | #### [SegmentFault](http://segmentfault.com/) 174 | > 国内问答站。 175 | 176 | ### 国外 177 | 178 | #### [CSS-TRICKS](https://css-tricks.com/) 179 | 180 | #### [Reddit-JavaScript](https://www.reddit.com/r/javascript/) 181 | > Reddit JS 版块 182 | 183 | #### [FrontEndFront](https://frontendfront.com/) 184 | 185 | #### [frontenddev周报订阅](http://frontenddevweekly.com/) 186 | 187 | #### [JavaScripting](https://www.javascripting.com/) 188 | > 一个收集全世界优秀的 client-side端 Javascript 库、框架、插件的网站。 189 | 190 | #### [tutorialspoint](http://www.tutorialspoint.com/html5/) 191 | > 国外一个不错的HTML5的学习资源站。 192 | 193 | #### [Code Wall](https://coderwall.com/) 194 | > 国外分享技术的社区 195 | 196 | #### [Smashing Magazine](http://www.smashingmagazine.com/) 197 | > 国外著名前端站。 198 | 199 | #### [tuts+](http://tutsplus.com/) 200 | >国外前端开发者站。 201 | 202 | #### [DeveloperDrive](http://www.developerdrive.com/) 203 | > 优质前端技术站。 204 | 205 | #### [HTML5周报](http://html5weekly.com/) 206 | 207 | #### [CSS周报](http://css-weekly.com/) 208 | 209 | #### [Javascript周报](http://javascriptweekly.com/) 210 | 211 | #### [web设计周报](http://web-design-weekly.com/) 212 | 213 | #### [视觉交互 Weekly](http://uxwkly.com/) 214 | 215 | #### [Web工具周报](http://webtoolsweekly.com/) 216 | 217 | #### [响应式设计周报](http://responsivedesignweekly.com/) 218 | 219 | #### [css动画](http://cssanimation.rocks/) 220 | 221 | #### [Tutorialzine](http://tutorialzine.com/) 222 | > 精品教程和资源推送 223 | --------------------------------------------------------------------------------