awesome-frontend

A curated list of amazingly awesome frontend libraries, resources and shiny things.

#前端组件库 >搭建web app常用的样式/组件等收集列表(移动优先)


  • 一个常用的PHP类库, 资源以及技巧列表 awesome-php 推荐

##0. 前端自动化(Workflow)

##1. 前端框架(Frameworks)

##2. JavaScript 框架汇总

##3. 前端游戏框架

##4. ui组件库

##5. 基础模版 - 浏览器统一(Cross Browser) - HTML5 BOILERPLATE - Modernizr - Normalize.css - HTML5 Shiv - 让ie浏览器成为支持html5的浏览器的解决方法 - cssFx - 为CSS3自动生成浏览器前缀 - -prefix-free - Break free from CSS prefix hell - MetaHandler.js:移动端适配各种屏幕无痛工具脚本 - lib-flexible: 移动端自适应方案 - 参考: 使用Flexible实现手淘H5页面的终端适配 - 响应式 - Responsive - 响应式布局 - Enquire.js - Awesome Media Queries in JavaScript - Free Wall - 创建桌面,移动和平板的动态网格布局

##6. 排版

##7. 网格系统

##8. 路由和链接(Routing And URLs)

##9. UA 识别

##10. 表单处理

###10.1 表单验证(Form Validator)/表单提示

###10.2 < select > 相关

###10.3 单选框/复选框相关

###10.4 上传组件

###10.5 日期选择

###10.6 取色

###10.7 标签插件(Tag)

###10.8 自动完成插件

###10.9 样式修正

##11. 图表绘制/图形库(Graphics)

##12. 日期格式化 & 时间轴

##13. 页面交互

###13.1 Slider

###13.2 瀑布流

###13.3 懒加载/加载监听/预加载

###13.4 图片轮播(幻灯片)/图片展示

###13.5 图片剪裁/图片处理

###13.6 进度条/加载动画(Loading)

###13.7 侧滑插件(offcancas)

###13.8 菜单(Menu)

###13.9 滚动侦测(ScrollSpy)

###13.10 滚动加载更多/下拉刷新(Pull to Refresh)

###13.11 平滑滚动插件(Smooth Scroll)

###13.12 全屏滚动/全屏切换

###13.13 分屏滚动

###13.14 转场效果

###13.15 固定元素(Sticky)

###13.16 触控事件

###13.17 拖拽组件

###13.18 隐藏或展示页面元素

###13.19 滚动条(Scrollbar)

###13.20 视差滚动(Parallax Scrolling)

##14. 代码高亮插件/代码编辑器

##15. UI Icon 组件

##16. 动画(Animate)

##17. 本地存储

##18. 模板引擎

##19. 通知组件/弹框组件/模态窗口

##20. 提示控件(Tooltips)

##21. 对话框/遮罩层/弹出层(lightbox)

##22. 文档/表格/PDF

##23. 目录树插件

##24. Ajax模块

##25. 音频/视频

##26. 按钮

##27. 富文本编辑器/Markdown编辑器/Markdown解析器

##28. 内容提取(Readability)

##29. 颜色(CSS Colors)/SVG/Canvas

##30. 选项卡(Tabs)

##31. 文本处理

##32. 布局(Layout)

##33. 演示/幻灯片

##34. 国际化(i18n)

##35. 邮件模板(Email Templates)

##36. 实用工具/其他插件

#设计模式( JavaScript Patterns )

#在线工具( Online Tools )

#前端开发工具

##1. 开发工具

##2. 调试工具

##3. 浏览器扩展(Chrome Extensions)

#前端参考集

Related Repositories

awesome-frontend

awesome-frontend

A curated list of amazingly awesome frontend libraries, resources and shiny things. ...

awesome-frontend

awesome-frontend

Awesome frontend, also my collections. ...

vim-howdoi

vim-howdoi

A Vim frontend for howdoi, the awesome command line tool that lets you ask what you need and grabs the snippet of code from SO. ...

frontend-generators

frontend-generators

Rake tasks to add Bootstrap, Font Awesome, and Start Bootstrap Landing Pages to a Rails app ...

my-awesome-frontend

my-awesome-frontend

Just one link per motivation. ...


Top Contributors

JingwenTian David-Gan