前端资源整理 - 订阅、社区、工具等

1043 查看

取自 我的GITHUBfe-store-house repo,欢迎 PR,欢迎 STAR。原 repo 不定期更新,此文可能断更。大家别光收藏啦,给 repo 点个 STAR 呗 >.<

前端资源

中文 | ENGLISH

平时开发和学习过程中自己收集的一些前端资源。自行取用,不断更新。欢迎 star 和 fork 补充。

前端之路,且行且珍惜。

订阅

名称 地址 介绍
HTML5 Weekly http://html5weekly.com html技术推送
CSS Weekly http://css-weekly.com css技术推送
Javascript Weekly http://javascriptweekly.com javascript技术推送
Web Design Weekly http://web-design-weekly.com/ 设计相关推送
UX Weekly http://uxwkly.com 用户体验和设计相关推送
Responsive Design Newsletter http://responsivedesignweekly.com 响应式设计相关推送
Sidebar http://sidebar.io 设计相关推送
The Hacker News Newsletter http://www.hackernewsletter.com hackernews 推送
Hack Design http://hackdesign.org 每周发布一个设计类课程
SegmentFault http://segmentfault.com 国内开发者技术问答社区每周推送

社区

名称 地址 介绍
V2EX http://www.v2ex.com 国内技术社区,way to explore
cnode http://cnodejs.org 国内nodejs社区
stackoverflow http://stackoverflow.com 国外问答社区
SegmentFault http://segmentfault.com 国内问答社区
DIV.IO http://div.io 国内前端社区

牛人博客

名称 地址 介绍
W3Cplus http://www.w3cplus.com 以css3、html5、Javascript和各类demo为主,推广国内前端行业的技术博客
前端观察 http://www.qianduan.net 前端技术文章
百度EFE http://efe.baidu.com 百度商业体系前端团队
百度FEX http://fex.baidu.com 百度FEX前端团队
张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress 前端技术文章
ria之家 http://www.36ria.com 前端技术文章
大前端 http://www.daqianduan.com 杂七杂八
设计达人 http://www.shejidaren.com 设计类
司徒正美 http://www.cnblogs.com/rubylouvre 司徒正美的博客
阮一峰 http://www.ruanyifeng.com/blog 技术文章
Be For Web http://beforweb.com 关注移动应用及互联网产品、用户体验设计、前端开发
Smashing Magazine http://www.smashingmagazine.com 技术、设计
CSS-TRICKS http://css-tricks.com 技术
Web Designer Wall http://webdesignerwall.com 技术、设计
Tutorialzine http://tutorialzine.com 一些不错的文章
Jake Rutter http://www.onerutter.com Jake Rutter的博客
Paul Irish http://www.paulirish.com Paul Irish的博客
DailyJS http://dailyjs.com 技术文章
Steve Souders http://stevesouders.com Steve Souders的博客
Evilcos http://evilcos.me 余弦的博客
Krasimir Tsonev http://krasimirtsonev.com Krasimir Tsonev的博客
soho UX http://ux.sohu.com sohu UX
w3ctech http://www.w3ctech.com w3ctech
阿里妈妈 MUX http://mux.alimama.com/ 阿里妈妈的用户体验部门

工具

名称 地址 介绍
Grunt http://gruntjs.com JavaScript任务执行工具
Gulp http://gulpjs.com Javascript任务执行工具
chalk https://github.com/chalk/chalk Terminal string styling done right
phantomJS http://phantomjs.org/ PhantomJS is a headless WebKit scriptable with a JavaScript API.
casperJS http://casperjs.org/ CasperJS is a navigation scripting & testing utility
spritesmith https://github.com/Ensighten/spritesmith 很不错的自动合并 icon 的工具
zepto.js http://zeptojs.com 精巧的js框架
underscore http://underscorejs.org/ A JavaScript library
lodash https://lodash.com/ A modern JavaScript utility library delivering modularity, performance, & extras.
Amaze UI http://amazeui.org 国内开源HTML5跨屏框架
FIS http://fis.baidu.com 前端工具框架
ACE http://ace.c9.io/ c9.io 使用的很棒的代码编辑器
ECharts http://echarts.baidu.com Javascript图表库
Karma http://karma-runner.github.io Javascript测试驱动环境
Mocha http://mochajs.org Javascript测试框架
Chai http://chaijs.com 断言库
sea.js http://seajs.org js模块加载工具
normalize.css http://necolas.github.io/normalize.css css reset
FontAwesome http://fontawesome.io 不错的font icon库
Jekyll http://jekyllrb.com 静态网站搭建工具
nodePPT https://github.com/ksky521/nodePPT markdown语法写ppt,支持远程控制等
impress.js http://bartaz.github.io/impress.js 用js做ppt
browserify http://browserify.org 让 CommonJS 的组件在浏览器里飞
jsdom https://github.com/tmpvar/jsdom A JavaScript implementation of the WHATWG DOM and HTML standards, for use with node.js
jshint http://jshint.com js 检查工具
hammer.js http://hammerjs.github.io 模拟页面上的手势事件
swipe.js http://swipejs.com 轻量级的移动端页面 slider
interact.js http://interactjs.io/ 轻量级的拖拽操作库
lining.js http://zencode.in/lining.js/ 丰富的行内样式操作库
octocard http://octocard.in/ github 卡片分享工具
Transifex https://www.transifex.com/ 在线协同翻译的网站
Handlebars http://handlebarsjs.com/ 前端模板引擎
AngularJS https://angularjs.org/ 大名鼎鼎的 Angular
React https://facebook.github.io/react/ 大名鼎鼎的 React
Socket.IO http://socket.io/ 实时通信框架
TheaterJS https://github.com/Zhouzi/TheaterJS A typing effect mimicking human behavior
emmet http://emmet.io/ 非常好用的一个写 HTML 的插件
gm http://aheckmann.github.io/gm/ node 上处理图片的不错的工具
esprima http://esprima.org/index.html ECMAScript parsing infrastructure for multipurpose analysis
marked https://github.com/chjj/marked 不错的 Markdown 解析器
to-markdown https://domchristie.github.io/to-markdow... 将 HTML 转换成 Markdown
jsDoc http://usejsdoc.org/ js api document generator
pikaday https://github.com/dbushell/Pikaday A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS
moment.js http://momentjs.com/ Parse, validate, manipulate, and display dates in JavaScript.
MDL http://www.getmdl.io/ Google 基于 Material Design 规范出的框架
Materialize http://materializecss.com/ 基于 Material Design 的前端框架
fastclick https://github.com/ftlabs/fastclick Polyfill to remove click delays on browsers with touch UIs
pdf.js https://github.com/mozilla/pdf.js js pdf reader
lazy.js http://danieltao.com/lazy.js/ Like Underscore, but lazier
fullPage.js http://alvarotrigo.com/fullPage/ Create Beautiful Fullscreen Scrolling Websites
CSSOM https://github.com/NV/CSSOM CSS Object Model implemented in pure JavaScript.
postCSS https://github.com/postcss/postcss PostCSS is a tool for transforming styles with JS plugins.
autoPrefixer https://github.com/postcss/autoprefixer Parse CSS and add vendor prefixes to rules by Can I Use
jquery-pjax http://pjax.herokuapp.com/ pushState + ajax = pjax
request https://github.com/request/request Simplified HTTP request client.
psd.js https://github.com/meltingice/psd.js A Photoshop PSD file parser for NodeJS and browsers
js-xlsx https://github.com/SheetJS/js-xlsx XLSX / XLSM / XLSB / XLS / SpreadsheetML (Excel Spreadsheet) / ODS parser and writer
alloyImage https://github.com/AlloyTeam/AlloyImage 基于HTML5的专业级图像处理开源引擎
messagePack http://msgpack.org/ MessagePack is an efficient binary serialization format
Protocol Buffers https://developers.google.com/protocol-b... Protocol buffers are a language-neutral, platform-neutral extensible mechanism for serializing structured data.
rollup http://rollupjs.org/ 不错的 ES 6 模块处理器
documentation.js http://documentation.js.org/ 不错的 JS 文档工具
fontello http://fontello.com/ 在线 iconfont 生成工具
feathers http://feathersjs.com/ 实时交互框架
pandoc http://pandoc.org/ 比较全面的文档转换工具

Atom 插件

名称 地址 介绍
seti-ui https://atom.io/themes/seti-ui 很棒的深色主题
file-icons https://atom.io/packages/file-icons 不错的图标插件
atom-ternjs https://atom.io/packages/atom-ternjs 还不错的 JS 补全插件
emmet https://atom.io/packages/emmet 写 HTML 很爽
minimap https://atom.io/packages/minimap 全文内容预览
vim-mode https://atom.io/packages/vim-mode vim 插件
ex-mode https://atom.io/packages/ex-mode vim 插件的扩展,推荐一起使用

规范相关

名称 地址 介绍
w3org http://www.w3.org/ w3org
whatwg https://whatwg.org/ whatwg
Promises/A+ https://promisesaplus.com/ promises spec
CommonJS http://wiki.commonjs.org/wiki/CommonJS commonjs wiki
AMDJS https://github.com/amdjs/amdjs-api amdjs
CMDJS https://github.com/cmdjs/specification cmdjs
JSON-schema http://json-schema.org/ JSON Schema

教程

名称 地址 介绍
前端开胃菜 http://poppinlp.github.io/front-end-appe... 前端基础入门教程
CSS 词汇表 http://yisibl.github.io/css-vocabulary/ 适合 CSS 初学者了解各种 CSS 基本概念
Git 在线入门教程 http://pcottle.github.io/learnGitBranchi... 适合 Git 入门者的在线学习教程,可直接在线操作
ProGit 中文版 http://git.oschina.net/progit/ 很棒的一本讲 Git 的书,这是网页版,当然也有很多地方能下载到 pdf 版
CSS 布局水平垂直居中总结 http://f2e.souche.com/blog/jie-du-cssbu-... 总结的挺全面
understanding ES6 https://github.com/nzakas/understandinge... NZ 大神的书
ECMAScript 6 入门 http://es6.ruanyifeng.com/ 阮一峰老师的教程

有点意思

名称 地址 介绍
Attack Map http://map.norsecorp.com/ 对于全球黑客攻击蛮有意思的可视化
Gource https://github.com/acaudwell/Gource 对于 commit 的可视化呈现
hardseed https://github.com/yangyangwithgnu/hards... hardseed