├── README.md ├── skill.png └── skill02.jpg /README.md: -------------------------------------------------------------------------------- 1 | # Jsource 2 | 3 | 前端资源的收集 4 | 5 | ## 前端技能 6 | ![skills](https://github.com/airyland/Jsource/raw/master/skill.png) 7 | 8 | @拔赤 9 | ![skills](https://github.com/airyland/Jsource/raw/master/skill02.jpg) 10 | 11 | ## 浏览器 12 | + Chrome ([Chrome Canary](https://tools.google.com/dlpage/chromesxs "chrome canary")) 13 | + Firefox 14 | + Safari 15 | + Opera 16 | + Fucking IE 17 | 18 | ## 国外开源项目 19 | + [jQuery](https://github.com/jquery/jquery "jQuery") 20 | + [prototype](https://github.com/sstephenson/prototype "prototype") 21 | + [mootools](https://github.com/mootools/mootools-core "mootools") 22 | + [Dojo](https://github.com/dojo/dojo "Dojo") 23 | + [YUI](https://github.com/yui/yui3 "YUI3") 24 | + [Modernizr](https://github.com/Modernizr/Modernizr "Modernizr") 25 | + [express](https://github.com/visionmedia/express "express") 26 | + [javascript-patterns](https://github.com/shichuan/javascript-patterns "javascript-patterns") 27 | 28 | ## 国内开源项目 29 | + 淘宝：[kissy](https://github.com/kissyteam/kissy "kissy") 30 | + 腾讯：[JX](https://github.com/AlloyTeam/JX "jx") 31 | + 百度：[Tangram](https://github.com/BaiduFE/Tangram-base "Tangram") 32 | + 360:[Qwrap](https://github.com/wedteam/qwrap "Qwrap") 33 | + 支付宝：[Arale](https://github.com/alipay/arale) 34 | + 一淘 UX [brix](https://github.com/etaoux/brix) 35 | 36 | ## 个人开源项目 37 | + 司徒正美：[Mass-Framework](https://github.com/RubyLouvre/mass-Framework "mass-Framework") 38 | + [base2](http://code.google.com/p/base2/ "base2") 39 | + [Qatrix ](https://github.com/qatrix/Qatrix "Qatrix") 40 | + 老赵：[Wind.js](http://windjs.org "windjs") 41 | + 玉伯：[SeaJS](http://seajs.org) 42 | 43 | ## 其他 44 | + [LESS](http://lesscss.org "lesscss") 45 | + [SASS](http://sass-lang.com/ "sass-lang") 46 | + [CoffeeScript](http://coffeescript.org/ "coffeescript") 47 | + [Node.js](http://nodejs.org/ "node.js") 48 | + [Meteor](http://meteor.com/ "Meteor") 49 | 50 | ## 中文博客 51 | + [司徒正美](http://www.cnblogs.com/rubylouvre "司徒正美") 52 | + [snandy](http://www.cnblogs.com/snandy/ "snandy") 53 | + [圆心](http://www.planabc.net/ "圆心") 54 | + [玉伯(lifesinger)](http://lifesinger.wordpress.com/) || http://lifesinger.iteye.com/ 55 | + [月影](http://www.silverna.org/blog/) 56 | + [张鑫旭](http://www.zhangxinxu.com/wordpress/ "张鑫旭") 57 | + [朴灵](http://weibo.com/shyvo "朴灵") 58 | + [Franky](http://www.cnblogs.com/_franky/ "Franky") 59 | + [随网之舞](http://dancewithnet.com/ "随网之舞") 60 | + [周爱民](http://blog.csdn.net/aimingoo/ "周爱民") 61 | + [sofish](http://sofish.de/ "sofish") 62 | + [样式之美——嗷嗷](http://www.aoao.org.cn/blog/ "样式之美") 63 | + [阮一峰](http://www.ruanyifeng.com/blog/ "阮一峰") 64 | + [克军](http://hikejun.com/ "克军") 65 | + [拔赤](http://jayli.github.com/blog/ "拔赤") || http://hi.baidu.com/new/lijing00333 66 | + [阿当](http://hi.baidu.com/new/cly84920) 67 | + [JerryQu的小站](http://www.imququ.com/ "JerryQu的小站") 68 | + [ooxx](http://ooxx.me/ "ooxx") 69 | + [笨活儿](http://blog.benhuoer.com/) 70 | + [cloudgamer](http://www.cnblogs.com/cloudgamer/) 71 | + [汤姆大叔](http://www.cnblogs.com/TomXu/) 72 | + [情封](http://blog.f2er.net/) 73 | + [蒋宇捷](http://blog.csdn.net/hfahe) 74 | + [雨夜带刀](http://stylechen.com/) 75 | + [王子墨](http://julying.com/) 76 | + [三水清](http://js8.in/) 77 | + [w3cplus](http://www.w3cplus.com/) 78 | + [当耐特砖家](http://www.cnblogs.com/iamzhanglei) 79 | + [为之漫笔](http://www.cn-cuckoo.com/)(李松峰) 80 | + [36ria](http://www.36ria.com/) 81 | + [前端乱炖](http://www.html-js.com/) 82 | + [Time Machine](http://rlog.cn/) http://rlog.cn/ 83 | + [CSS森林](http://www.cssforest.org/blog/) 84 | + [吴隽辰（JunChen Wu）](http://www.junchenwu.com) 85 | + [IBM Developers中国 (Web 前端开发技术专题)](http://www.ibm.com/developerworks/cn/web/wa-front/) 86 | + [hax](http://hax.iteye.com/) 87 | + [justjavac(迷渡)](http://justjavac.com/) 88 | + [beforwe](http://beforweb.com/) 89 | + [goddyzhao](http://blog.goddyzhao.me/) 90 | 91 | ## 英文博客 92 | + [John Resig](http://ejohn.org/) 93 | + [Douglas Crockford](http://javascript.crockford.com/) 94 | + [Nicholas C. Zakas](http://www.nczonline.net/) 95 | + [Paul Irish](http://paulirish.com/) 96 | + [Dean Edwards](http://dean.edwards.name/) 97 | + [Addy Osmani](http://addyosmani.com/blog/) 98 | + [Jacob Seidelin](http://blog.nihilogic.dk) 99 | + [Eric A. Meyer](http://meyerweb.com/) 100 | + [steve Souders](http://stevesouders.com/) 101 | + [Dmitry Baranovskiy](http://dmitry.baranovskiy.com/) 102 | + [dmitry soshnikov](http://dmitrysoshnikov.com/) 103 | + [Stoyan Stefanov](http://blog.stoyanstefanov.com/) 104 | + [javascriptjabber](http://javascriptjabber.com/) 105 | 106 | + [Position Is Everything](http://www.positioniseverything.net/) 107 | + [SitePoint](http://www.sitepoint.com/) 108 | + [CSS Globe](http://cssglobe.com/) 109 | + [Script & Style](http://davidwalsh.name) //davidwalsh.name 110 | + [456 berea street](http://www.456bereastreet.com/) 111 | + [A List Apart](http://www.alistapart.com/) 112 | + [cssTricks](http://css-tricks.com/) 113 | + [DailyJS](http://dailyjs.com/) 114 | + [tutsplus](http://net.tutsplus.com/category/tutorials/javascript-ajax/) 115 | + [smashingmagazine](http://www.smashingmagazine.com/) 116 | + [yuilibrary](http://yuilibrary.com/) 117 | 118 | ## 手册 119 | + [MDN](https://developer.mozilla.org/) 120 | 121 | + [QuirksMode(PPK)](http://www.quirksmode.org/) 122 | 123 | + [haslayout](http://haslayout.net/ "haslayout") 124 | 125 | + http://www.w3.org/standards/techs/html#w3c_all 126 | 127 | + http://www.w3.org/standards/techs/css#w3c_all 128 | 129 | + ECMAScript 262: http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf 130 | 131 | + YDN http://developer.yahoo.com/ 132 | 133 | + w3schools:http://www.w3schools.com/ 134 | 135 | + Opera Dev:http://dev.opera.com 136 | 137 | + CSS Reference – https://developer.mozilla.org/en/CSS/CSS_Reference 138 | 139 | + HTML Reference – https://developer.mozilla.org/en/HTML 140 | 141 | + HTML5 Reference – https://developer.mozilla.org/en/HTML/HTML5 142 | 143 | + Schema Reference – http://schema.org/ 144 | 145 | + Javascript Guide – https://developer.mozilla.org/en/JavaScript/Guide 146 | 147 | + jQuery – http://docs.jquery.com/Main_Page 148 | 149 | + IMPROVED jQuery Documentation- http://jqapi.com/ 150 | 151 | + LESS (CSS Preprocessor) – http://lesscss.org/ 152 | 153 | + SASS (CSS Preprocessor) Documentation – http://sass-lang.com/docs.html 154 | 155 | + Comparison of layout engines (HTML5) - https://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5) 156 | 157 | + w3help - http://w3help.org/zh-cn/causes/ 158 | 159 | + JS Libs Deconstructed - http://www.keyframesandcode.com/resources/javascript/deconstructed/ 160 | 161 | + The JavaScript Show - http://javascriptshow.com/ 162 | 163 | + Devdocs - http://devdocs.io/ 164 | 165 | ## Accessibility 166 | 167 | ## 代码风格指南 168 | + [Douglas Crockford](http://javascript.crockford.com/code.html) 169 | 170 | + [Google](http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#JavaScript_Style_Rules) 171 | 172 | + [jQuery](http://docs.jquery.com/JQuery_Core_Style_Guidelines) 173 | 174 | + [Idiomatic JavaScript](https://github.com/rwldrn/idiomatic.js/) 175 | 176 | + [GitHub](https://github.com/styleguide/javascript) 177 | 178 | + [NPM](https://npmjs.org/doc/coding-style.html) 179 | 180 | ## 书籍 181 | + [JavaScript语言精粹](http://book.douban.com/subject/3590768/) 182 | + [JavaScript设计模式](http://book.douban.com/subject/3329540/) 183 | + [JavaScript权威指南](http://book.douban.com/subject/10549733/) 184 | + [JavaScript高级程序设计](http://book.douban.com/subject/10546125/) 185 | + [JAVASCRIPT语言精髓与编程实践](http://book.douban.com/subject/3012828/) 186 | 187 | ## 阅读 188 | + [Best Practices for Speeding Up Your Web Site](http://developer.yahoo.com/performance/rules.html) 189 | + [Learning JavaScript Design Patterns](http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/) 190 | + [对话《JavaScript高级程序设计》作者 Nicholas C. Zakas（中文版）](http://www.ituring.com.cn/article/1791) 191 | + [前端架构](http://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html#1) 192 | + [知乎：前端工程师的价值体现在哪里？](http://www.zhihu.com/question/19589966) 193 | 194 | ### node.js 195 | + Node入门 http://www.nodebeginner.org/index-zh-cn.html 196 | + stream-handbook https://github.com/substack/stream-handbook 197 | 198 | ## 工具 199 | + [Fiddler2](http://www.fiddler2.com/fiddler2/) 200 | + chrome developer tools 201 | + [firebug](http://getfirebug.com/) 202 | + [IE Tester](http://www.my-debugbar.com/wiki/IETester/HomePage) 203 | + [Ant](http://ant.apache.org/) 204 | + IEDevelopToolbar 205 | + [HttpWatch](http://www.httpwatch.com/) 206 | + [马克鳗](http://www.getmarkman.com/) 207 | + [jslint](http://www.jslint.com) 208 | 209 | ### 网站性能分析 210 | + [berserkJs](http://tapir-dream.github.com/berserkJS) 211 | + [YSlow](http://developer.yahoo.com/yslow/) 212 | + [Page Speed](https://developers.google.com/speed/pagespeed/) 213 | 214 | ### 压缩工具 215 | + [closure](https://developers.google.com/closure/) 216 | + [YUI Compressor](http://developer.yahoo.com/yui/compressor/) 217 | 218 | ### 测试 219 | + [QUnit](http://qunitjs.com/) 220 | + [jsUnit](http://www.jsunit.net/) 221 | + [YUI Test](http://yuilibrary.com/yui/docs/test/) 222 | + [selenium](https://code.google.com/p/selenium/) 223 | 224 | ### DOC 225 | + [YUIDoc](http://yui.github.com/yuidoc/) 226 | + [doxmate](http://html5ify.com/doxmate/) 227 | 228 | ### 在线工具 229 | + [HTML Validator](http://validator.w3.org/) 230 | + [CSS Validator](http://jigsaw.w3.org/css-validator/) 231 | 232 | 233 | ### placeholders 234 | + [http://placekitten.com/](http://placekitten.com/) 235 | + [http://dummyimage.com/](http://dummyimage.com/) 236 | + [http://flickholdr.com/](http://flickholdr.com/) 237 | 238 | ## gist 239 | + [github:gist](https://gist.github.com/) 240 | 241 | ## 在线调试 242 | + [jsbin](http://jsbin.com/) 243 | + [jsfiddle](http://jsfiddle.net/) 244 | + [dabblet](http://dabblet.com/) 245 | 246 | ### 正则工具 247 | + [RegexBuddy](http://www.regexbuddy.com/ "regexbuddy") 248 | 249 | ###　版本控制 250 | + [Git](git-scm.com/) 251 | + SVN 252 | 253 | 254 | ### 编辑 255 | + Notepad++ 256 | + sublimetext2 257 | + VIM 258 | + webstorm 259 | + IntelliJ IDEA 260 | + [必备]Zencoding=>[Emmet](http://docs.emmet.io/) 261 | 262 | 263 | ## ppt 264 | + [html5rocks](http://slides.html5rocks.com) 265 | + [TheCodePlayer](http://thecodeplayer.com/) 266 | 267 | ## 图像 268 | + MarkMan 269 | 270 | ## 社区 271 | + slideshare 272 | + [speakerdeck](https://speakerdeck.com/) 273 | + github 274 | + bitbucket 275 | + gitcafe 276 | + stackoverflow 277 | + segmentfault 278 | + zhihu 279 | + [javascript@reddit](http://www.reddit.com/r/javascript/) 280 | 281 | ## 其他 282 | + Google 283 | + google reader 284 | + [javascript秘密花园](http://bonsaiden.github.com/JavaScript-Garden/zh/) 285 | + [html5doctor](http://html5doctor.com/) 286 | + [深入理解JavaScript系列](http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html) 287 | 288 | 289 | ## 会议 290 | + webRebuild 成立于2007年，腾讯的彪叔、Ghost等是创始人，目前每年在广州、深圳、上海、北京、成都都会举办分会场交流会 291 | 292 | + [D2](http://www.d2forum.org/) 由 淘宝网 发起，淘宝的圆心、小马等是创始人，每年在杭州举办交流会和年会 293 | 294 | + W3ctech 成立于2009年，崔凯和林毅等是创始人，每年在广州、上海、杭州、长沙、北京都会有分会场交流会 295 | 296 | + NodeParty 成立于2011年，朴灵、老赵创始人，每年在深圳、杭州、上海、北京有分会场交流会 297 | 298 | + html5研究小组 成立于2011年，田爱娜创始人，该组织已加入W3C，每年在北京、上海、广州、南京、成都、深圳、杭州、武汉、大连9个城市有分会场交流会 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | -------------------------------------------------------------------------------- /skill.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/airyland/Jsource/dc7fe59467638cc1a58a3e71d7bafa5b713d2e03/skill.png -------------------------------------------------------------------------------- /skill02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/airyland/Jsource/dc7fe59467638cc1a58a3e71d7bafa5b713d2e03/skill02.jpg --------------------------------------------------------------------------------