前端工程师开发工具 & 订阅的网站

[markyun]

常用网址

The last time that refresh: 2014-6-25

个人

新浪微博： http://weibo.com/920802999

Twitter ： https://twitter.com/majinyun0802

Github ： https:github.com/markyun

---

工具

✓ Sublime Text

✓ Eclipse/Aptana

✓ TextMate 1.x

✓ Coda 1.6 and 2.x

✓ Espresso

✓ Chocolat

✓ Komodo Edit/IDE

✓ Notepad++

✓ PSPad

✓ </p> <p>✓ Brackets </p> <hr /> <p>调试工具：Firebug、Yslow、HttpWatch、PageSpeed、IETester、PrefixMyCSS、CSS Lint </p> <hr /> <p>订阅与关注：</p> <hr /> <p>前端周刊</p> <p>码农周刊</p> <p>前端乱炖</p> <p>前端观察</p> <p>前端开发</p> <p>奇舞周刊 </p> <p>CNode社区</p> <p>AngularJS社区 </p> <p>InfoQ </p> <p>w3cplus </p> <p>Startup News </p> <p>Hacker News </p> <p>Node Weekly</p> <p>HTML5 Weekly</p> <p>Stack Overflow </p> <p>JavaScript Weekly</p> <p>Mobile Web Weekly</p> <p>HTML5 Chinese Interest Group</p> <hr /> <p>常用工具</p> <hr /> <p>自动合并CSS、生成雪碧图、生成兼容Retina的代码：CssGaga</p> <p>免费Photoshop切图插件： Cut&Slice me（目前仅支持CS6）</p> <p>使用图片做成高保真原型： <a rel="noreferrer nofollow" target="_blank" href="https://www.flinto.com">https://www.flinto.com</a> （为iOS原型设计的工具） 同类（Xcode ）</p> <p>ECMAScript 6 浏览器兼容表： <a rel="noreferrer nofollow" target="_blank" href="http://kangax.github.io/es5-compat-table/es6/">http://kangax.github.io/es5-compat-table/es6/</a></p> <p>百度流量研究院 <a rel="noreferrer nofollow" target="_blank" href="http://tongji.baidu.com/data/browser">http://tongji.baidu.com/data/browser</a></p> <p>W3C知识库 <a rel="noreferrer nofollow" target="_blank" href="http://w3help.org/zh-cn/kb/">http://w3help.org/zh-cn/kb/</a></p> <p>格式化 Javascript： <a rel="noreferrer nofollow" target="_blank" href="http://www.css88.com/tool/js_beautify/">http://www.css88.com/tool/js_beautify/</a> <a rel="noreferrer nofollow" target="_blank" href="http://jsbeautifier.org/">http://jsbeautifier.org/</a></p> <p>在线调试工具 <a rel="noreferrer nofollow" target="_blank" href="http://jsbin.com/">http://jsbin.com/</a> <a rel="noreferrer nofollow" target="_blank" href="http://jsfiddle.net">http://jsfiddle.net</a> <a rel="noreferrer nofollow" target="_blank" href="http://codepen.io/（可以直接导入到github">http://codepen.io/（可以直接导入到github</a>） </p> <p>JS/CSS压缩工具 ： YUI Compressor <a rel="noreferrer nofollow" target="_blank" href="http://jscompress.com/">http://jscompress.com/</a></p> <p>测试代码质量： <a rel="noreferrer nofollow" target="_blank" href="http://www.jslint.com/">http://www.jslint.com/</a> </p> <p>CSS Validator： W3 提供的 CSS 验证工具 （<a rel="noreferrer nofollow" target="_blank" href="http://jigsaw.w3.org/css-validator">http://jigsaw.w3.org/css-validator</a> ）</p> <p>Html Validator： WDG 提供的 HTML 语法验证工具（<a rel="noreferrer nofollow" target="_blank" href="http://www.htmlhelp.com/tools/validator/">http://www.htmlhelp.com/tools/validator/</a> ）</p> <p>网站测试： 阿里测 <a rel="noreferrer nofollow" target="_blank" href="http://tools.pingdom.com/(生成各种数据，可下载">http://tools.pingdom.com/(生成各种数据，可下载</a>)</p> <p>css代码检查工具： <a rel="noreferrer nofollow" target="_blank" href="http://csslint.net/">http://csslint.net/</a></p> <p>文件对比 Kaleidoscope </p> <p>jQuery 解构 <a rel="noreferrer nofollow" target="_blank" href="http://www.cn-cuckoo.com/deconstructed/jquery.html">http://www.cn-cuckoo.com/deconstructed/jquery.html</a></p> <p>Pdf-word文档互相转换 Adobe Acrobat 8 Professional </p> <p>图片压缩caesium-1.7.0-port <a rel="noreferrer nofollow" target="_blank" href="http://caesium.sourceforge.net/index.html#download">http://caesium.sourceforge.net/index.html#download</a></p> <p>移动框架对比图，相信会帮助你更好的选择开发框架 ：<a rel="noreferrer nofollow" target="_blank" href="http://mobile-frameworks-comparison-chart.com/">http://mobile-frameworks-comparison-chart.com/</a></p> <hr /> <p>前端博客： </p> <hr /> <p><a rel="noreferrer nofollow" target="_blank" href="http://www.pjhome.net/">http://www.pjhome.net/</a> 腾讯</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://www.cssforest.org/">http://www.cssforest.org/</a> css森林</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://orzl.com/blog">http://orzl.com/blog</a> 阿里巴巴 的布拉格</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://jiongks.name/about/">http://jiongks.name/about/</a> 勾三股四</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://www.ddcat.net/">http://www.ddcat.net/</a> 豆豆猫</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://blog.bingo929.com/">http://blog.bingo929.com/</a> 彬go 人人网Web前端开发工程师</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://otakustay.com/">http://otakustay.com/</a> 宅居：他有两个blog，百度的前端大牛 </p> <p><a rel="noreferrer nofollow" target="_blank" href="http://www.36ria.com/">http://www.36ria.com/</a> 淘宝几位作者共同撰写的blog </p> <p><a rel="noreferrer nofollow" target="_blank" href="http://hikejun.com/blog/">http://hikejun.com/blog/</a> 豆瓣 张克军</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://jayli.github.io/blog/index.html">http://jayli.github.io/blog/index.html</a> @Jayli</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://www.gbin1.com/">http://www.gbin1.com/</a> gbin1</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://www.css88.com">http://www.css88.com</a> 愚人码头 </p> <p><a rel="noreferrer nofollow" target="_blank" href="https://github.com/lifesinger/">https://github.com/lifesinger/</a> 玉伯 </p> <p><a rel="noreferrer nofollow" target="_blank" href="http://ued.taobao.org/blog/author/qingyun/">http://ued.taobao.org/blog/author/qingyun/</a> 交互技术 青云 淘宝首席交互设计师 </p> <p><a rel="noreferrer nofollow" target="_blank" href="http://www.ruanyifeng.com/home.html">http://www.ruanyifeng.com/home.html</a> 阮一峰</p> <p><a rel="noreferrer nofollow" target="_blank" href="https://www.byvoid.com/">https://www.byvoid.com/</a> Node.js開發指南 作者 </p> <p><a rel="noreferrer nofollow" target="_blank" href="http://typeof.net/all.html">http://typeof.net/all.html</a> 语言开发层面上的js博客，写手包括老赵， BELLEVE INVIS是主要作者，写过js编译器 </p> <p><a rel="noreferrer nofollow" target="_blank" href="http://typeof.net/all.html">http://typeof.net/all.html</a> @belleveinvishttp USTC </p> <hr /> <p>W3 组织，W3C 的诠释者 （www.w3.org ） </p> <p>Google JavaScript代码风格指南：</p> <p><a rel="noreferrer nofollow" target="_blank" href="http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml">http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml</a></p> <p><a rel="noreferrer nofollow" target="_blank" href="http://chajn.org/jsguide/javascriptguide.html#JavaScript_Style_Rules">http://chajn.org/jsguide/javascriptguide.html#JavaScript_Style_Rules</a></p> <hr /> <h2>关注前端开发与用户体验</h2> <p>淘宝UED 一淘-UX 微博UDC 搜狗UED 腾讯ecd 新浪UED 腾讯CDC 百度ued MobiUE 携程UED 百度MUX 腾讯ISUX UI设计网 良无限-UED 支付宝PED 搜道网UED 搜狐焦点UED 百度泛用户体验 人人网FED Team 畅游视觉设计中心 阿里巴巴（中国站） 支付宝前端开发车间 网易用户体验设计中心 迅雷用户体验设计中心 阿里巴巴国际站UED团队 19楼UED Team | Yes,we can! 腾讯MXD移动互联网设计中心 云路 UED-5173用户体验团队博客 全球设计精华</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/markyun"><img src="https://avatars.githubusercontent.com/u/2833137?v=4" />markyun</a> commented <strong> 10 years ago</strong> </div> <div class="markdown-body"> <p><a href="https://github.com/markyun/Front-end-Developer-Interview-Questions/tree/master/Chinese">https://github.com/markyun/Front-end-Developer-Interview-Questions/tree/master/Chinese</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/alwayrun"><img src="https://avatars.githubusercontent.com/u/558808?v=4" />alwayrun</a> commented <strong> 10 years ago</strong> </div> <div class="markdown-body"> <p>mark</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/daodao10"><img src="https://avatars.githubusercontent.com/u/1512303?v=4" />daodao10</a> commented <strong> 10 years ago</strong> </div> <div class="markdown-body"> <p>整理得蛮好，谢谢</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/WenTao-Love"><img src="https://avatars.githubusercontent.com/u/7439225?v=4" />WenTao-Love</a> commented <strong> 10 years ago</strong> </div> <div class="markdown-body"> <p>webstorm这IDE似乎也挺不错</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/alanhe421"><img src="https://avatars.githubusercontent.com/u/9245110?v=4" />alanhe421</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Visual Studio Code也不错</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>