thoughtbit / it-note

:books: 琐碎的知识, I code it
315 stars 36 forks source link

前端类库 和 工具 #19

Open moocss opened 9 years ago

moocss commented 9 years ago

https://github.com/alibaba/anyproxy (AnyProxy是一个基于NodeJS的,可供插件配置的HTTP/HTTPS代理服务器。👍 💯 💯) https://github.com/avwo/whistle (whistle是一款用Node实现的跨平台的Web调试代理工具,支持查看修改http(s)、Websocket连接的请求和响应内容 👍 💯 💯 )


https://web.archive.org/web/ (查看历史网页 👍 💯 💯 )

https://sizzy.co/(浏览器适配查看器) https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template (👍 💯 , 推荐使用) https://github.com/dexteryy/spellbook-of-modern-webdev (现代Web开发技能)


https://aotu.jd.com/share/ (凹凸公开课👍 💯 💯)

https://github.com/pastelsky/bundlephobia (👍 💯 💯)


前端安全

https://www.sohamkamani.com/blog/2017/01/16/web-security-essentials/

  1. Sessions and cookies
  2. Password storage
  3. CORS (Cross origin resource sharing)
  4. XSS (Cross site scripting)
  5. CSRF (Cross site request forgery)
  6. SQL Injection
  7. Human Error and UI/UX design

https://github.com/wearehive/project-guidelines/blob/master/README-zh.md (JavaScript工程项目的一系列最佳实践策略)

https://github.com/prettier/prettier (代码美化, ES6, JSX, 👍 💯 )

https://npmjs.com/pkg (Package your Node.js project, 打包成可执行文件 👍 💯 )

https://github.com/eleme/ubt-web (埋点,监控, User Behavior Track)

http://jsnice.org/ (js 反编译) https://cocycles.com/ (快速查找知名库的代码片段 :+1: :100: )

https://developers.google.com/speed/pagespeed/insights/ (在线性能测试)

https://devexpress.github.io/testcafe/ (跨浏览器的测试框架 👍 💯 , 推荐使用)

https://js.coach/ http://bestof.js.org/projects/testcafe

https://github.com/javascript-patterns/javascript-patterns (👍 💯 )

https://github.com/guigrpa/oao (前端包管理工具 👍 基于 Yarn) https://github.com/lerna/lerna (A tool for managing JavaScript projects with multiple packages. 👍 )

http://devdocs.io/ (在线前端语言文档 :+1: :100: 好用)

https://service-mocker.js.org/ (新一代的前端模拟数据服务 👍 )

https://js.coach/ ( React, React Native, Webpack, Browserify ,PostCSS ,资源集合快速查找 :+1: https://react.parts/native, 原站点)

https://github.com/pubkey/rxdb (Client-Side Database for Browsers, NodeJS, electron, cordova, react-native and every other javascript-runtime 👍 💯 )

http://jeffcarp.github.io/frontend-hyperpolyglot/ ( 前端流行库框架对比 :+1: :100: )

http://www.joelotter.com/kajero/ (聪明的文档工具,有图表,技术实现 react )

https://httpstatuses.com/ (状态码)

https://github.com/kenberkeley/bigger-jser (前端JSer装逼手册, 好有文采 :+1: )

http://meiert.com/en/indices/html-elements/ (A continuously updated list of all HTML and XHTML elements: :+1: )

http://sudheerdev.github.io/Foundation5CheatSheet/

https://jex.im/regulex/ (JavaScript Regular Expression Visualizer. 正则表达式可视化)

https://github.com/egoist/docute (让你无需编译文件享受到无缝的文档撰写、发布体验。 👍 💯 )


https://github.com/kangax/fabric.js/ (Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser :+1: )

https://github.com/marmelab/restful.js (A pure JS client for interacting with server-side RESTful resources. ES6 :+1: ) https://github.com/marmelab/javascript-boilerplate (Node.js+Koa.js+PostgreSQL+React.js+Webpack+Mocha+Makefile, a starter kit for new apps, ES6, ES7 :+1: )

https://github.com/lcxfs1991/blog/issues/13 , https://github.com/developit/preact (Preact -- React的轻量解决方案 :+1: :100:) https://github.com/Lucifier129/react-lite (小巧的库) http://mithril.js.org/index.html (小巧的库mvc :+1: :100: )

https://github.com/wbkd/yet-another-webpack-es6-starterkit (A lightweight foundation for your next webpack based frontend project. :+1: :100: ,前端开发) https://github.com/wbkd/frontend-starterkit (This webapp starterkit provides a prepared development environment based on gulp, stylus and webpack. :+1: :100: ,前端开发)

http://ricostacruz.com/cheatsheets/ (超实用的小抄 :+1: )

http://ricostacruz.com/dom101/ ( Stop using jQuery :+1: )

http://yanhaijing.com/js/2015/12/29/mini-js-lib/ (不可错过的javascript迷你库 :+1: :100: )

https://tinypng.com/ (在线的png 和 jpg 图片压缩工具,质量很高 :+1: :100: )

代码规范有 ESLint,单元测试有 Karma,集成测试有 CasperJS/Nightwatch,代码覆盖率用 istanbul :+1: :100:

https://github.com/alibaba/f2etest (F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。) http://aotu.io/athena/ (O2前端流程工具)

http://taobaofed.org/blog/2016/01/08/karma-origin/ ( karma测试框架的前世今生 ) http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html(测试框架 Mocha 实例教程)

https://wenjs.me/p/es6-testing-workflow-with-karma (构建基于Karma的ES6测试工作流)

http://www.jqueryscript.net/ (jQuery 插件收藏站点)

https://github.com/airbnb/javascript (最全的规范指南,airbnb 团队在 GitHub 维护的JavaScript Style Guide)

http://boke.io/wo-men-de-qian-duan-2015/ (百度前端 工作流及工具)

http://fecs.baidu.com/ (基于 Node.js 的前端代码检查工具: htmlcs ,csshint , lesslint , jformatter ,支持Gulp :+1: :100: ) http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/ (How to lint your Sass/CSS properly with Stylelint)

http://www.w3ctrain.com/2015/12/09/generating-sprites-with-gulp/ (使用gulp生成sprites图片和样式表)

http://ampersandjs.com/ ( Ampersand.js是一个高度模块化、松耦合、不是框架的框架,适合构建高级JavaScript应用。它有良好定义的方法、以及数个轻量级模块构成。Ampersand.js的一切都是满足CommonJS规范的。)

https://github.com/AlloyTeam/Mars (腾讯移动Web前端知识库) https://github.com/jtyjty99999/mobileTech (移动开发资料收藏)

https://github.com/mrmrs/tachyons (Fully responsive, performance first css patterns)

https://github.com/Aaaaaashu/Front-End-Style-Guide (一份全面的前端开发规范手册)

http://uimovement.com/ (最佳UI)

https://github.com/Haonancx/fees (《前端工程规范》 👍 💯 💯 )

Gulp

https://github.com/facebook/draft-js/blob/master/gulpfile.js ( FB 的 Gulp 配置 :+1: :100: )

https://github.com/alferov/awesome-gulp ( gulp 收藏,资源列表、插件、自动化、工程 :+1: ) https://github.com/nimojs/gulp-book ( Gulp 入门 :+1: ) https://github.com/lisposter/gulp-docs-zh-cn (gulp 简体中文文档 :+1: )

https://github.com/mantis-stack/mantis-starter ( gulp, 好用的工具集合 :+1: :100: ) https://github.com/google/web-starter-kit ( googel , gulp, 好用的工具集合 :+1: :100: )

https://github.com/720kb/comunicator (gulp tasks, gulp rollup :+1: :100: ,学习)

https://github.com/localvoid/kivi/blob/master/gulpfile.js ( gulp4 + rollup :+1: :100: ,学习 )

https://github.com/nieweidong/fetool ( 大前端工具集 )

http://www.awesomes.cn/(也许是最好的开源前端库、框架和插件集合 :+1: :100: )

https://zhuanlan.zhihu.com/p/24598210 (2016 年 50 个最佳的轻量级 JavaScript 框架和库 👍 )

http://f2er.club/ (前端导航。)

http://flightjs.github.io/ (An event-driven web framework, from Twitter)是个用于构建组件的轻量级框架。它没有通过太多“神奇”的东西来为DOM节点添加行为。它的事件驱动和基于组件的特点,促使开发人员写出低耦合的代码。

http://photoswipe.com/ (JavaScript gallery, no dependencies. 照片画廊)

http://t3js.org (A minimal component-based JavaScript framework )

https://idriskhenchil.me/fort (Modern progress bar for form completion. )

https://github.com/lodash/lodash/ (取代 Underscore.js)

https://github.com/ded/reqwest (browser asynchronous http requests, It's AJAX All over again. Includes support for xmlHttpRequest, JSONP, CORS, and CommonJS Promises A. 👍 💯 )

superagent.js 一个非常方便的客户端请求代理模块,可方便的使用get,post,put,delete,head动词, 异步回调中封装了http状态码和业务数据等等.

https://github.com/visionmedia/supertest ( 测试,客户端请求代理模块)

https://github.com/mzabriskie/axios (一个基于promises的JavaScript HTTP客户端,并且认为比Fetch更好,支持 异步编程的Promise模式, 一个非常方便的客户端and Node 请求代理模块,可方便的使用get,post,put,delete,head动词,无缝地处理JSON数据和头数据, :+1: :100: , 推荐使用) https://ykloveyxk.github.io/2017/02/25/axios%E5%85%A8%E6%94%BB%E7%95%A5/ (axios全攻略)

https://github.com/request/request (Simplified HTTP client :+1: :100: )

https://github.com/github/fetch (下一代的AJAX)

dropzone.js

一个强大的文件上传库, 可获取文件mime, 文件大小等; 针对图片可生成缩略图, 获取图片宽度,高度.

https://github.com/handsontable/handsontable (强大的电子表格插件 :+1: :100: )

backgrid.js

一个强大的表格组件.

http://listjs.com/ (List.js 一个能够实现的灵活列表的JavaScript包, 👍 💯 )

director.js 客户端路由
一个强大的前端路由库, 通过#符号进行路径组织, 结合vuecomponent可进行单页的局部模块刷新.

https://github.com/progrape/router (Weui路由 :+1: )

http://visionmedia.github.io/page.js (Micro client-side router inspired by the Express router)

https://github.com/guanMac/route (简单路由管理模块 es6)

http://intercoolerjs.org (Making AJAX as easy as anchor tags )

https://github.com/marcuswestin/store.js ( localStorage )

https://github.com/ChiperSoft/Kalendae (好看的日历) https://github.com/bevacqua/rome (好用的日历)

https://github.com/xdan/datetimepicker (jQuery Plugin Date and Time Picker) https://github.com/eternicode/bootstrap-datepicker (日历和时间) http://jonthornton.github.io/Datepair.js/ (日历和时间,bootstrap-datepicker 的二次封装 ) https://github.com/eternicode/bootstrap-datepicker (好 :+1: :100: )

https://github.com/singod/jeDate (国产日历)

https://github.com/chmln/flatpickr/ ( :+1: :100: , 推荐)

https://github.com/MohammadYounes/AlertifyJS ( 好用对话框和消息框 dialogs and notifications.)

http://www.welefen.com/use-ajax-and-pushstate.html (pushState是一个可以操作history的api,该api的介绍和使用请见这里:)

http://layer.layui.com ( 最懂你的、跨终端的web弹层组件) http://aui.github.io/artDialog/ (经典的网页对话框组件,内外皆用心雕琢)

https://github.com/leafo/sticky-kit/ (悬浮盒子,悬浮导航)

https://github.com/kemayo/maphilight (热区轮廓)

http://photoswipe.com/ ( gallery 图片画廊)

https://github.com/HubSpot/drop (浮动提示--作者详情提示, es6 ,scss 👍 ) https://github.com/sandywalker/webui-popover ( 功能最强大的Popover 👍 💯 )

https://github.com/quilljs/quill (一个现代的富文本编辑器, ES6模块结构)

https://github.com/arboshiki/lobibox (最好的消息提示框 :+1: ) https://jaredreich.com/projects/notie.js/ (Notie.js 是一个简单的JavaScript通知插件,不需要任何依赖 :+1: )

http://agragregra.github.io/Brazzers-Carousel/ (旋转式滚动插件)

http://idealimageslider.com/ (幻灯片滚动)

http://dev7studios.com/dropit/ (简单下拉菜单插件)

http://avxto.github.io/nuContextMenu/(右击菜单

http://onehackoranother.com/projects/jquery/tipsy/ (类似 github的tip)

https://github.com/n33/skel (一个轻量级的响应式框架 :+1: )

https://github.com/nielse63/Chicago (前端用户界面开发 库 :+1: :100: )

https://github.com/nimojs/blog/issues/23 (Paging 简单自由的分页生成器)

http://stephanwagner.me/jBox/demos (Tooltips ,Modal windows,Confirm windows ,Notices ,Images :+1: :100: )

http://twitter.github.io/labella.js/index.html (时间轴插件 :+1: )

https://github.com/selectize/selectize.js (textbox select,非常漂亮的下拉框插件 :+1: :100: ) http://phossa.github.io/smartselect/docs/index.html (multiple select plugin, 带迷你工具条 :+1: :100: ) https://github.com/lodev09/bootstrap-dropselect ( 下拉框 select ) https://github.com/silviomoreto/bootstrap-select

https://github.com/toddmotto/echo (Lazy-loading images with data-* attributes , 轻量级,Lazy-loading images with data-* attributes 属性图片延迟加载。

https://github.com/mycolorway/simditor (An Easy and Fast WYSIWYG Editor http://simditor.tower.im)

https://github.com/mycolorway (彩程设计 ,大量的 simple UI 组件 :+1: :100: )

http://magnustovslid.com/projects/schedulerjs (move time pickers within the schedule to find a time where everyone is free. 会议 或者 工作 时间 序列 插件 :+1: )

http://magnustovslid.com/projects/folderselect ( 文件夹,目录选择插件 )

https://github.com/tuupola/jquery_lazyload (图片预加载)

https://github.com/tuupola/jquery_chained (select 联动选择)

https://github.com/kazzkiq/CodeFlask.js#codeflaskjs ( A micro code-editor for awesome web pages.)

https://github.com/addyosmani/basket.js (A script and resource loader for caching & loading files with localStorage :+1: :100: , 本地存储缓存应用的脚本)

https://github.com/Wisembly/basil.js ( +1: :100: , 本地存储缓存, The missing Javascript smart persistence layer. Unified localstorage, cookie and session storage JavaScript API.)

https://github.com/FezVrasta/popper.js (A ~3.5KB kickass library to manage your poppers, 原生的气泡浮层 :+1: :100: )

https://github.com/atomiks/tippyjs (Tippy.js is a lightweight, pure JS tooltip library powered by Popper.js. :+1: :100: )

https://github.com/arasatasaygin/is.js/blob/master/is.js ( 一个小巧的正则表达式验证库, :+1: :100: )

https://github.com/LeaVerou/awesomplete/blob/gh-pages/awesomplete.js (文本框自动提示 :+1: :100: )

https://github.com/OwlCarousel2/OwlCarousel2 (响应式画廊 :+1: :100: )

http://kenwheeler.github.io/slick/ (响应式的图片画廊)

https://github.com/flickr/justified-layout (Flicker 网格 画廊 :+1: :100: )

https://github.com/WickyNilliams/headroom.js (网页头部 隐藏和显示)

https://github.com/huacnlee/social-share-button (社区分享按钮 👍 💯 )

https://github.com/chinchang/superplaceholder.js (placeholder, 原生)

https://github.com/davist11/jQuery-One-Page-Nav (👍 💯 )

http://mmkjony.github.io/jQuery.toTop/(回到顶部https://github.com/peachananr/onepage-scroll (Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin)

https://github.com/thinker3197/progressively ( load images progressively,👍 💯 )

https://github.com/austenpayan/skippr (幻灯片 👍 💯 )

https://github.com/juliangarnier/anime/ (一个小巧动画库) http://olifolkerd.github.io/tabulator/ (The easy to use, fully featured JQuery table plugin, 强大的表格插件 👍 💯 )

https://github.com/chmln/flatpickr


https://github.com/dvLden/Vidage (背景视频和图片)

https://github.com/guillaumepotier/Parsley.js/ (表单验证 👍 💯 )

https://github.com/facebook/draft-js ( A React framework for building text editors. FB文本编辑器 :+1: :100: )

https://github.com/ory/editor (可视化文章编辑器, :+1: :100: :100:)

http://fusejs.io/ (JS 模糊搜索插件 :+1: :100: )

https://github.com/farzher/fuzzysort (JS 模糊搜索插件 :+1: :100: ,推荐)

https://github.com/quilljs/quill ( 现代的,功能强大的 文本编辑器 :+1: :100: , ES6)

https://gold.xitu.io/post/58462c392f301e005c171f85 (15 个有趣的前端库(September 2016))

https://github.com/muicss/loadjs (轻量级的现代加载器 👍 )

https://github.com/algolia/places (Turn any into an address autocomplete, 地理位置 智能搜索提示插件 👍 💯 )

http://felicegattuso.com/projects/datedropper/ (日历) https://github.com/chmln/flatpickr (日历)

jQuery 类库

https://github.com/myronliu347/jquery-grocery (jquery 杂货店,项目中总结的基于jquery封装的代码) https://github.com/developit/unfetch (fetch 👍 💯 )

https://github.com/elbywan/wretch (A tiny (< 1.5Kb g-zipped) wrapper built around fetch with an intuitive syntax.)

jQuery UI

https://github.com/openjavascript/jquerycomps (Open JQuery Components Library 👍 💯 ) https://github.com/lily3025/component (Open JQuery Components Library 👍 💯 ) https://github.com/LeoHuiyi/leoUi (学习 :+1: )

规范

https://fed.renren.com/2017/08/20/html-css-js-code-specification/ (HTML/CSS/JS编码规范)

http://zhibimo.com/read/Ashu/front-end-style-guide/index.html (前端开发规范手册) https://github.com/o2team/guide (京东前端规范文档)

PAJX (Ajax + pushState), 推荐使用 💯

https://github.com/defunkt/jquery-pjax

https://github.com/rstacruz/nprogress ( pjax+nprogress 提升 用户体验)

https://m.aliexpress.com/ ( 阿里巴巴, pjax)

js 加载

https://github.com/ded/script.js (Asyncronous JavaScript loader and dependency manager)

https://elemefe.github.io/bowl/#/zh-cn (bowl 是一个用 localStorage 来缓存脚本和样式资源的加载器。 👍 💯 ) https://github.com/addyosmani/basket.js (用 localStorage 来缓存脚本和样式资源的加载器。 👍 💯 )

https://github.com/jawil/blog/issues/10 (实用、轻量级、无依赖的插件和库)

http://markojs.com/ (a friendly (and fast!) UI library that makes building web apps fun)

命令行工具

https://github.com/mattallty/Caporal.js
https://gold.xitu.io/entry/58b8d190570c35005993884f (用 Node.js 开发命令行工具)

https://github.com/botpress/botpress (参考项目的 cli )

https://juejin.im/post/58f38d33a22b9d006cfb1ea5 ( 用 node.js 开发一个可交互的命令行应用)

https://github.com/skygragon/leetcode-cli (参考)

https://github.com/vuejs/vue-cli (👍 💯) https://github.com/umijs/umi/tree/master/packages/af-webpack (👍 💯)

https://github.com/heyui/hey-cli (webpack脚手架,hot-dev-server,build。 不需要理解webpack,只需要知道如何配置就可以使用,摆脱繁琐重复的webpack配置。 👍 💯 )

自动化构建工具

https://github.com/jaredpalmer/razzle (Create server-rendered universal JavaScript applications with no configuration)

长列表库

https://github.com/NeXTs/Clusterize.js https://github.com/bvaughn/react-virtualized

性能优化

http://jinlong.github.io/2017/05/08/optimising-the-front-end-for-the-browser/

jQuery组件库

https://github.com/yued-fe/lulu (基于jQuery,针对PC网站,兼容IE7+(modern主题)或IE8+(peak主题)的前端UI框架。👍 💯 💯, 学习)

https://github.com/lily3025/component (奇舞团)

https://github.com/sentsin/layui (小清新)

https://github.com/Janking/infinite-ui (基于 jQuery 开发的开源组件库 👍 💯 )

https://github.com/Janking/dropdown (面向PC端的基于jQuery开发的轻量级下拉框插件,支持key/value搜索,有token和select两种模式。)

懒加载

https://github.com/ApoorvSaxena/lozad.js (高效的图片懒加载, 👍 💯)

HTML5 推送

https://github.com/Nickersoft/push.js (PC通用的桌面推送插件)

类似jQuery的小库

https://github.com/arguiot/DisplayJS ( 👍 💯 )

CSS3 图片处理

https://github.com/picturepan2/instagram.css ( 👍 💯 )

动画库

https://github.com/Popmotion/popmotion (The JavaScript motion engine. Create unique animations and interactions with tweens, physics and input tracking. 👍 💯)

SSR

https://github.com/zeit/next.js

https://github.com/jaredpalmer/after.js (Next.js-like framework for server-rendered React apps built with React Router 4)

打印

https://github.com/jasonday/printThis

CSS IN JS

https://www.styled-components.com/ ( 💯 👍 推荐使用 ) https://github.com/emotion-js/emotion ( 💯 👍 最新推荐使用 )

moocss commented 9 years ago

https://github.com/umdjs/umd (UMD (Universal Module Definition) patterns for JavaScript modules that work everywhere.

moocss commented 9 years ago

https://github.com/dangrossman/bootstrap-daterangepicker (日历区段)Date range picker component for Bootstrap

moocss commented 9 years ago

https://github.com/Clouda-team/BlendUI2 (BlendUI2)

moocss commented 9 years ago

http://metroui.org.ua/ (Windows 8 Metro UI CSS Styles)

moocss commented 9 years ago

http://noraesae.github.io/perfect-scrollbar (模拟滚动条)

moocss commented 9 years ago

https://github.com/tower1229/Flow-UIhttp://refined-x.com/Flow-UI/http://refined-x.com/Flow-UI/docs/(Flow-UI 是一套组件化UI框架,支持定制主题,主要服务于前台及中后台产品。👍 💯, 推荐)

https://github.com/sentsin/layui (采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写形式,极低门槛,拿来即用。👍 💯)

http://shark.mail.netease.com/ (网易, shark组件平台,是包含了css框架、jQuery、angular、angular2组件库的前端组件平台。👍 💯 , 学习) https://github.com/DXY-F2E/dxy-ui (👍 💯 桌面UI, scss,丁香园)

https://github.com/S-mohan/mo (基于Scss和TypeScript的跨框架通用UI库)

https://github.com/easysoft/zui (一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。)


https://github.com/kaola-fed/nek-ui (👍 💯 💯 , 网易考拉, 一个后台UI组件库基于Regular JS)

https://github.com/nzbin/snack (Snack is a mini CSS framework for web, 👍 💯 小巧的的css framework)

https://github.com/75team-biz/yoyo (A lightweight CSS framework for faster and extensible development.👍 💯 , 学习 )

https://github.com/18F/web-design-standards (美国政府网站, 设计标准 👍 💯 学习)

https://github.com/sitetent/tentcss (👍 💯 , 学习)

https://github.com/FezVrasta/bootstrap-material-design (Material design theme for Bootstrap 3 and 4 👍 💯 , 学习)

http://mixinsless.com/ (基于 Less 的 CSS 代码片段复用和混入库 👍 💯 )

http://www.richcss.com/ ( scss, Beautiful, DRY,Clean and Reusable CSS 👍 💯 )

https://github.com/franciscop/picnic ( A beautiful CSS library to kickstart your projects , scss 👍 )

https://github.com/DXY-F2E/dxy-ui (一套适用于桌面端的前端UI库,囊括了基础样式以及十余个基础组件 👍 👍 💯 )

https://github.com/google/material-design-lite (Material Design Lite Components in HTML/CSS/JS) https://github.com/Dogfalo/materialize (Materialize, a CSS Framework based on Material Design)

http://framework7.taobao.org/ (特色的HTML框架可以创建精美的iOS应用)

http://m.sui.taobao.org/ (taobao 轻量,小巧且精美的UI库方便迅速搭建手机H5应用)

https://github.com/sdc-alibaba/sui3 (SUI3 是一套基于 Bootstrap3 的全栈开发工具包,包含丰富的组件库,同时提供了完整的前端开发指导。)

https://github.com/hypers/pagurian (一个管理系统的前端框架(CMD、Grunt), 有设计标注规范, 组件, :+1: :100: , 参考)

http://www.builive.com/index.php (阿里巴巴 UI )

http://qmuiteam.com/web/index.html (一个旨在提高 UI 开发效率,快速产生项目 UI 的前端框架 :+1: :100: )

http://frozenui.github.io/frozenjs/ (腾讯 QQ会员前端开发组 移动框架)

http://ued.qunar.com/ (移动前端组件库,移动前端CSS Framework) http://ued.qunar.com/mobile/kami/ (Kami作为移动端组件库) http://ued.qunar.com/mobile/yo/demo/ ( 移动CSS UI )

https://github.com/zurb/motion-ui (Sass library for creating transitions and animations. )

https://github.com/jgthms/minireset.css (重置样式) https://10up.github.io/sanitize.css/ (重置样式) https://necolas.github.io/normalize.css/ (重置样式)

http://ecomfe.github.io/est/ (基于 Less 的样式工具库 :+1: :100: ) https://github.com/ecomfe/esui ( 百度高质量的 UI 组件库, 参考 👍 💯 )

http://dcloudio.github.io/mui/ (最接近原生APP体验的高性能前端框架)

http://touchstonejs.io/ (React MB)

http://www.basscss.com/ (Low-level CSS toolkit v7.0.3 , 大而全,参考)

https://github.com/primer/primer (来自GitHub官方的CSS库)

http://ecomfe.github.io/esui-family/index.html (百度 ,ESF is a CSS Framework Based on EST. ESUI is a Collection of JavaScript Controls. :+1: )

http://ui.cliquestudios.com/ (A lightweight, modular front-end framework for rapid web-interface development. :+1: )


http://www.outlinecss.co.uk/(The clean & simple framework.) http://www.richcss.com/(Beautiful, DRY, Clean and Reusable CSS)

http://ink.sapo.pt/ (Create responsive web interfaces quick and efficiently.)

http://dev.wix.com/docs/ui-lib/ui-controls/ ( 非常细腻的 UI 库, 设计参考 :+1: :+1: :100: , 推荐 )

http://muellergridsystem.com/ ( 一个模块化的网格系统) http://concisecss.com/ (一个轻量级的SCSS框架) http://10up.github.io/sanitize.css/ (html element 风格一致) http://jeet.gs/ (一个智能的网格系统)

https://github.com/tzi/chewing-grid.css (响应式的网格)

https://github.com/OfficeDev/Office-UI-Fabric (微软Office团队开发UI组件库 :+1: :+1: :100: )

https://github.com/cbracco/cardinal (一个模块的,移动优先的框架)

https://github.com/marvin1023/sandal (针对移动端站点为前端人员提供了一些基础的重置,常用的mixin,如flex布局,等分,水平垂直居中,常用图标等,基于它你可以扩展出更多你需要的组件。 :+1: :100: )

https://github.com/owenversteeg/min

http://design.yyuap.com/ ( 类似 Ant.design :+1: :100: )

http://thx.github.io/brix-site/index.html (像使用原生元素一样使用组件 💯 )

https://github.com/weui/weui (微信团队的)

https://github.com/moyus/point (A flexible CSS Framework for building modern responsive web apps 👍 💯 , 学习, 小清新 )

http://ui.talk.ai/volubile-ui/#/ (简聊(Teambition)的 UI 组件)

http://teambition.github.io/TB-Styles/ ( Teambition 的 UI 组件 :+1: )

https://github.com/kylelogue/mustard-ui (一个轻量级的SCSS 框架 👍 💯💯 , 学习 )

https://github.com/ConciseCSS/concise.css (一个轻量级的SCSS 框架 :+1: ) http://picturepan2.github.io/spectre/ (一个轻量级的LASS 框架 :+1: 💯 , 学习, 小清新)

https://github.com/claviska/shoelace-css (一个轻量级的PostNext 框架 👍 💯💯 , 学习, 小清新) https://github.com/mobi-css/mobi.css (一个轻量级的PostNext 框架 👍 💯💯 , 学习, 小清新)

http://jrainlau.github.io/elf/ (一个干净,轻巧的响应式CSS框架。)

http://bourbon.io/docs/ ( A simple and lightweight mixin library for Sass. :+1: :100: , 最完善的)

http://yeticss.com/ (一个轻量级的Stylus 框架 :+1:)

https://github.com/milligram/milligram (A minimalist CSS framework, The base type is 1.6rem (16px) over 1.6 line height (24px) . :+1: )

http://css3lib.alloyteam.com/ (腾讯前端, CSS3 UI 库 :+1: )

https://github.com/fengyuanchen/simpleui ( SCSS 👍 )

https://github.com/jgthms/bulma/ (Sass 现代的 基于 Flexbox CSS 框架,命名法, 参考 :+1: :100:) http://dropbox.github.io/scooter/ (SCSS framework, 细腻 :+1: :100: )

https://github.com/iotacss/iotacss (Smart, open-source, SASS based OCSS framework built for scale. :+1: :100::100:) https://github.com/matejlatin/Gutenberg (文章排版 :+1: :100: )

http://imperavi.com/kube/ (属性命名法, 参考, 细腻 :+1: :100: )

https://github.com/primer/primerhttp://primercss.io/scaffolding/ (GitHub 官方CSS框架, 学习 :+1: :100: )

http://www.outlinecss.co.uk/ http://imperavi.com/kube/ http://blazecss.com/ http://siimple.juanes.xyz/reference http://purecss.io/ https://milligram.github.io/

http://elemefe.github.io/postcss-salad/index.html (沙拉是一个基于 PostCSS 的 CSS 解决方案,它提供了一系列快捷的 at-rule 和默认语法声明来帮助你快速地搭建项目样式与类库,它只在调用时才输出代码,而不是直接提供 CSS 类库。 :+1: :100: )

https://github.com/xcatliu/mobi.css (A lightweight, flexible css framework that focus on mobile. SCSS 👍 💯 )

https://github.com/caramelcss/caramel (a simple to use, easy to remember css framework ) https://github.com/bq/penguin (A front-end framework created for front-end developers ) https://github.com/getpavilion/pavilion (Pavilion CSS Framework. A solid starting point without the bloat.)

moocss commented 9 years ago

http://sui.taobao.org/sui/docs/index.html ( taobao 简单易用、功能强大的UI库)

http://thx.github.io/cube/(阿里妈妈

http://nec.netease.com/(更好的css解决方案

http://zui.sexy/#/ (一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。, 推荐 👍 💯 ) http://zui.sexy/m/index.html (为移动端设计,基于 Flex 的 UI 框架。 👍 💯 )

https://www.patternfly.org/widgets/#css ( 为企业提供一套标准的UI)

http://semantic-ui.com/modules/dropdown.html#/examples

moocss commented 9 years ago

http://panxuepeng.github.io/seajslib/ (Seajs 组件库)

moocss commented 9 years ago

组件库

https://github.com/o2team/zeus/ (业务端基础框架)

https://github.com/o2team/channel-base (频道页基础库,依赖于 jQuery 以及 SeaJs, 👍 💯 )

https://github.com/o2team/paipaimo-base (拍拍无线基础库)

https://github.com/o2team/halojs (HaloJS 是一款基于ZeptoJS并采用 CMD 规范面向移动端提供各种实用工具的组件库。)

常用jQuery 插件:

https://github.com/AlphaTr/tabsmark https://github.com/AlphaTr/jquery-qrcode https://github.com/AlphaTr/scroll-to-top https://github.com/AlphaTr/switchable

https://github.com/fengyuanchen/cropper https://github.com/fengyuanchen/cropperjs https://github.com/fengyuanchen/uploader https://github.com/fengyuanchen/submitter https://github.com/fengyuanchen/viewerjs https://github.com/fengyuanchen/datepicker https://github.com/fengyuanchen/completer https://github.com/fengyuanchen/validator

jQuery 自定义事件:

https://github.com/nielse63/jquery.scrollend https://github.com/nielse63/jquery.resizestart https://github.com/nielse63/jquery.resizeend

moocss commented 9 years ago

https://github.com/octalmage/robotjs (Node.js Desktop Automation. 远程协助)

moocss commented 9 years ago

http://vorlonjs.com/ (Vorlon.js,微软发布,帮助开发者远程测试并调试JavaScript代码帮助开发者远程测试并调试JavaScript代码)

moocss commented 9 years ago

http://node-modli.github.io/modli/ (数据建模,多版本的 CRUD 工具, Data Modeling, Versioning, and CRUD made easy)

moocss commented 9 years ago

http://jquerymy.com/#CW-compatibil (jquery 双向数据绑定插件,例子好)

moocss commented 9 years ago

https://mango.github.io/slideout/ (A touch slideout navigation menu for your mobile web apps. )

moocss commented 9 years ago

https://atmospherejs.com/ (组件搜索 网站参考)

moocss commented 8 years ago

https://fat.github.io/zoom.js ( Medium's Image Zoom for jQuery)

moocss commented 8 years ago

A clean and simple notification plugin (alert/growl style) for javascript, with no dependencies. https://jaredreich.com/projects/notie.js

moocss commented 8 years ago

https://github.com/chenmnkken/ecope (easy components for jQuery )

moocss commented 8 years ago

http://alloyteam.github.io/CodeGuide/ (Alloyteam代码规范 :+1: :100: )

moocss commented 8 years ago

https://github.com/someus/how-to-load-dynamic-script (动态加载js文件 :+1: )

moocss commented 8 years ago

微型图表

http://benpickles.github.io/peity http://omnipotent.net/jquery.sparkline/#s-about

moocss commented 8 years ago

https://github.com/LeaVerou/bliss (接近原生JavaScript 库 :+1: )

moocss commented 8 years ago

https://github.com/kylestetz/CLNDR (日历带mini 事件)

moocss commented 8 years ago

http://www.jqueryscript.net/demo/jQuery-Plugin-For-Extending-Bootstrap-3-Modal-Component/ (Bootstrap3 对话框扩展,侧栏呼出 :+1: )

http://www.jqueryscript.net/demo/jQuery-Plugin-To-Convert-Bootstrap-Select-Into-Dropdown-Button/ (下拉菜单按钮,带智能提示搜索 :+1: )

http://www.jqueryscript.net/demo/Ajax-enabled-Animated-Modal-Plugin-with-jQuery-IPtools-Modal/

http://www.jqueryscript.net/demo/Print-Specified-Area-Of-A-Page-PrintArea/demo/ (选择打印区域)

http://www.jqueryscript.net/demo/Sliding-Side-Menu-Panel-with-jQuery-Bootstrap-BootSideMenu/ (侧栏 菜单呼出)

http://jgerigmeyer.github.io/jquery-loading-overlay/demo/

https://github.com/VPenkov/okayNav (响应式导航 👍 💯 )

moocss commented 8 years ago

http://www.requirejs.cn/docs/optimization.html https://github.com/requirejs/example-multipage ( requirejs 网站组织 :+1: :100: )

Node ORM : Waterline.js和Bookshelf.js

moocss commented 8 years ago

专业的 图表 和 流程图 开源库

http://jointjs.com/

dpc761218914 commented 8 years ago

这么可以这么diao

dpc761218914 commented 8 years ago

这些资料 我全收了哈。 (最近微信公众号开发用到的ui) http://www.oschina.net/p/jQuery-WeUI