awesome-frontend
策划的非常棒前端列表库、资源和闪亮的东西。
https://github.com/ly2513/awesome-frontend
Last synced: 11 days ago
JSON representation
-
3. 浏览器扩展(Chrome Extensions) ##
-
13.20 视差滚动(Parallax Scrolling) ###
- frontend-dev-bookmarks
- Web Developer
- Postman - REST Client
- HTTP Status
- Chrome Logger
- ColorZilla
- ColorPick Eyedropper
- Code Cola
- 1px
- AlloyDesigner - 前端重构开发辅助工具
- PageSpeed Insights (by Google)
- Responsive Web Design Tester
- Window Resizer
- CSSViewer
- IE Tab
- Clear Cache
- Image Downloader
- Pretty Beautiful Javascript - 可以自动格式化混淆的js文件
- JavaScript Errors Notifier
- CSS Diff - 在线比对页面上两个元素的CSS样式差异
- WhatFont- 识别网页所使用的字体
- Codrops - Useful resources
- Airbnb 的 JavaScript 编码规范
- frontend-guidelines - Some HTML, CSS and JS best practices.
- awesome-javascript
- Front-end Code Standards & Best Practices
- Fiddler - Fiddler for Chrome Extension
- Redirect Path
- JSONView
- Fiddler - Fiddler for Chrome Extension
-
-
14. 代码高亮插件/代码编辑器 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
1. 开发工具 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
12. 日期格式化 & 时间轴 ##
-
10.9 样式修正 ###
-
-
0. 前端自动化(Workflow)
-
1. 前端框架(Frameworks)
-
2. JavaScript 框架汇总
- Vanilla JS
- Can.js
- Flapjax - 一个支持FRP的JavaScript框架
- functional.js
- Angular
- underscore.js
- Sprint.js - 一个高性能、小体积的 DOM 操作库
- Lo-Dash - A JavaScript utility library
- Mousetrap - 键盘快捷键操作
- Zepto.js
- react
- jQuery
- ember.js
- Backbone.js
- Lazy.js - a functional utility library for JavaScript
- knockout
- Way.js - 双向数据绑定库
- Avalon
- KISSY
- jquery.hotkeys
- Ractive.js
- Min.js - Super minimal selector and event library
- jsblocks - Better MV-ish Framework 从简单 UI 到复杂单页应用都适用
- Keys.js - 应用快捷键
- Vue.js - 数据驱动的组件化MVVM库(用于创建web交互界面和数据双向绑定)
- simple-hotkeys
- Vanilla JS
- Flapjax - 一个支持FRP的JavaScript框架
- Fn.js
- boiler - a utility library that makes tasks in JavaScript easier
- skel.js - A lightweight responsive framework
- Underscore.string.js字符串操作库
- Bacon.js - A small functional reactive programming lib for JavaScript.
- PhantomJS - 一个基于 WebKit 的服务器端 JavaScript API
-
3. 前端游戏框架
-
4. ui组件库(CSS Framework)
-
5. 基础模版
- MetaHandler.js:移动端适配各种屏幕无痛工具脚本
- 参考: 使用Flexible实现手淘H5页面的终端适配
- flexible demo 1
- flexible demo 2
- Modernizr
- HTML5 BOILERPLATE
- Free Wall - 创建桌面,移动和平板的动态网格布局
- lib-flexible: 移动端自适应方案
- -prefix-free - Break free from CSS prefix hell
- Enquire.js - Awesome Media Queries in JavaScript
- es6-promise - Promise 对象的兼容
- cssFx - 为CSS3自动生成浏览器前缀
- ieBetter.js - make ie browser like a morden browser main for ie6~ie8
- responsive-page
- pageResponse
- Responsive - 响应式布局
- HTML5 Shiv - 让ie浏览器成为支持html5的浏览器的解决方法
- Normalize.css
- flexible demo 1
- flexible demo 2
-
10. 表单处理
-
10.1 表单验证(Form Validator)/表单提示
-
10.5 日期选择 ###
-
10.4 上传组件 ###
-
10.2 < select > 相关 ###
-
10.8 自动完成插件 ###
-
10.9 样式修正 ###
-
10.3 单选框/复选框相关 ###
-
10.7 标签插件(Tag) ###
-
-
13. 页面交互
-
13.1 Slider ###
- TouchSlide - 触屏滑动特效(焦点图,Tab切换)
- iscroll - Smooth scrolling for the web
- Swiper - Most modern mobile touch slider
- PhotoSwipe
- Swipe - the most accurate touch slider
- OwlCarousel - create beautiful responsive carousel slider
- iSlider - 移动端滑动组件
- TouchSlide - 触屏滑动特效(焦点图,Tab切换)
- jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件
- Glide.js - 轻量级滑块组件
- slick - the last carousel you'll ever need
-
13.5 图片剪裁/图片处理 ###
-
13.18 隐藏或展示页面元素 ###
-
13.17 拖拽组件 ###
-
13.3 懒加载/加载监听/预加载 ###
-
13.4 图片轮播(幻灯片)/图片展示 ###
- Intense Images - 全屏查看图片
- Holder.js - Client-side image placeholders.
- responsive-images.js
- watermarkjs - 一个在浏览器中添加图片水印的 JS 库
- zoom.js - 一个 jQuery 图片放大插件
- prettyPhoto
- FlickerPlate - A cool jQuery plugin that lets you flick through content.
- RowGrid.js - 在径直的行里放置图片
- JQuery Panorama Viewer - 全景视图
- Picturefill - 一个响应式图片 JS 插件
- Picturefill - 一个响应式图片 JS 插件
- FlexSlider
-
13.9 滚动侦测(ScrollSpy) ###
-
13.11 平滑滚动插件(Smooth Scroll) ###
-
13.20 视差滚动(Parallax Scrolling) ###
-
13.6 进度条/加载动画(Loading) ###
-
13.14 转场效果 ###
-
13.12 全屏滚动/全屏切换 ###
-
13.16 触控事件 ###
-
13.13 分屏滚动 ###
-
13.19 滚动条(Scrollbar) ###
-
13.15 固定元素(Sticky) ###
-
13.7 侧滑插件(offcancas) ###
-
13.10 滚动加载更多/下拉刷新(Pull to Refresh) ###
-
13.8 菜单(Menu) ###
-
-
16. 动画(Animate) ##
-
13.20 视差滚动(Parallax Scrolling) ###
- NEC动画库
- animations - CSS3 ANIMATION CHEAT SHEET
- Hover.css - 很多鼠标Hover态的效果
- SpinKit
- Velocity.js - 加速JavaScript动画
- csshake - CSS classes to move your DOM
- Effeckt.css - A Performant Transitions and Animations Library
- Bounce.js - 一个用于制作漂亮 CSS3 关键帧动画的 JS 库
- jQuery Interactive 3D - Create a 3D interactive object using images
- Transit - CSS transitions and transformations for jQuery
- WOW - 在滚动过程中展示CSS动画效果(默认触发animate.css动画)
- iconate.js:将 icons 增加动画效果的 JS 库
- stroll.js - CSS3 list scroll effects
- Move.js - 简化CSS3动画的JS库
- lenticular.js - 响应倾斜或鼠标事件创建图片动画
- Sticker.js - create a Sticker Effect
- Blast.js - 把动画和样式注入到文本中
- jQuery Easing - 动画效果扩展
- magic - CSS3 Animations with special effects
- ScrollMe – 在网页中加入各种滚动动画效果
- animations - CSS3 ANIMATION CHEAT SHEET
- animate.css - A cross-browser library of CSS animations.
- AnimateScroll - A Simple jQuery Plugin for Animating Scroll
- scrollReveal.js - 元素进入可视区域自动触发设置好的动画
- AniJS - A Library to Raise your Web Design without Coding
-
-
18. 模板引擎 ##
-
29. 颜色(CSS Colors)/SVG/Canvas ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
32. 布局(Layout) ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
37. HTTP请求相关 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
2. 调试工具 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
15. UI Icon 组件 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
19. 通知组件/弹框组件/模态窗口 ##
-
36. 移动端优化(Optimizing Mobile Performance) ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
22. 文档/表格/PDF ##
-
20. 提示控件(Tooltips) ##
-
25. 音频/视频 ##
-
13.20 视差滚动(Parallax Scrolling) ###
- video.js - HTML5 & Flash video player
- Clappr - 开源的Web视频播放器
- FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
- Buzz - A Javascript HTML5 Audio library
- BigVideo.js - The jQuery Plugin for Big Background Video
- Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器
- BigScreen - A simple library for using the JavaScript Full Screen API
- Vide - 视频背景
- jPlayer - HTML5 Audio & Video for jQuery
- MediaElement.js
- Plyr - A simple HTML5 media player
-
-
8. 路由和链接(Routing And URLs)
- jquery-pjax - pushState+ajax
- page.js - Micro client-side router
- History.js - gracefully supports the HTML5 History/State APIs
- jquery-address - Deep Linking
- URI.js
- SpeakingURL
- director.js - 前端路由库(通过#符号进行路径组织,结合vue的component可进行单页的局部模块刷新)
- Roadcrew.js
- path.js
- crossroads.js
- hash.js
- uparams - An URL params parser
-
38. 实用工具/其他插件 ##
-
13.20 视差滚动(Parallax Scrolling) ###
- html2canvas - 实现纯JS网页截图
- jquery.qrcode.js - 生成二维码的 jQuery 插件
- qrcodejs - JS生成QRCode的库
- Async.js - 异步操作
- favico.js - 动态改变浏览器标签栏中的网站图标
- Gremlins.js - Monkey 测试库
- jsbin@Github
- MixitUp - 动画过滤和排序
- jquery-cookie
- KityMinder - 脑图编辑工具
- nakedpassword - 用脱衣女帮助检测密码强度
- prettyprint.js - An in-browser JavaScript variable dumper
- jquery-patterns - A variety of jQuery plugin patterns
- RulersGuide.js - 类似PhotoShop标尺的js库
- swfobject
- javascript-patterns
- Shepherd - 为应用创建用户指南
- JQuery Tip Cards - 创建卡片交互的cards布局
- Fallback.js - JavaScript library for dynamically loading CSS and JS files.
- RoughDraft.js - 简单快速的创建交互式的 HTML 模型的原型工具
- jsbin - Collaborative JavaScript Debugging App
-
-
33. 演示/幻灯片 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
7. 网格系统
-
23. 目录树插件 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
27. 富文本编辑器/Markdown编辑器/Markdown解析器 ##
-
11. 图表绘制/图形库(Graphics) ##
-
21. 对话框/遮罩层/弹出层(lightbox) ##
-
31. 文本处理 ##
-
13.20 视差滚动(Parallax Scrolling) ###
- Flowtype.js - 自动调整字体大小和行号
- FitText - A jQuery plugin for inflating web type
- flat-shadow
- ZeroClipboard - 文本复制插件
- shine.js - 实现漂亮阴影
- Bigfoot - 点击文章中的脚注弹窗显示
- Annotator - 文本注解插件,可以包括注释、标签、用户等
- jquery-expander - 阅读更多
- jQuery.dotdotdot - 多行文本溢出显示省略号
- Succinct - 用作截断多行文本,后面添加省略号
- clipboard.js
- Type Rendering Mix - 文本渲染引擎
- Typed.js - 输入模拟插件
-
-
35. 邮件模板(Email Templates) ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
17. 本地存储 ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
34. 国际化(i18n) ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
6. 排版
-
24. Ajax模块
-
28. 内容提取(Readability) ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
26. 按钮 ##
-
30. 选项卡(Tabs) ##
-
13.20 视差滚动(Parallax Scrolling) ###
-
-
9. UA 识别
-
Uncategorized
-
Uncategorized
-
Programming Languages
Categories
13. 页面交互
95
10. 表单处理
37
2. JavaScript 框架汇总
34
3. 浏览器扩展(Chrome Extensions) ##
30
16. 动画(Animate) ##
25
38. 实用工具/其他插件 ##
21
5. 基础模版
20
0. 前端自动化(Workflow)
15
1. 前端框架(Frameworks)
14
31. 文本处理 ##
13
8. 路由和链接(Routing And URLs)
12
27. 富文本编辑器/Markdown编辑器/Markdown解析器 ##
11
18. 模板引擎 ##
11
25. 音频/视频 ##
11
3. 前端游戏框架
10
4. ui组件库(CSS Framework)
10
11. 图表绘制/图形库(Graphics) ##
10
22. 文档/表格/PDF ##
9
19. 通知组件/弹框组件/模态窗口 ##
9
24. Ajax模块
8
20. 提示控件(Tooltips) ##
8
14. 代码高亮插件/代码编辑器 ##
6
29. 颜色(CSS Colors)/SVG/Canvas ##
6
2. 调试工具 ##
6
21. 对话框/遮罩层/弹出层(lightbox) ##
6
26. 按钮 ##
6
17. 本地存储 ##
5
30. 选项卡(Tabs) ##
5
34. 国际化(i18n) ##
5
33. 演示/幻灯片 ##
5
15. UI Icon 组件 ##
4
12. 日期格式化 & 时间轴 ##
3
23. 目录树插件 ##
3
36. 移动端优化(Optimizing Mobile Performance) ##
3
7. 网格系统
3
37. HTTP请求相关 ##
3
6. 排版
2
32. 布局(Layout) ##
2
28. 内容提取(Readability) ##
2
Uncategorized
1
9. UA 识别
1
35. 邮件模板(Email Templates) ##
1
1. 开发工具 ##
1
Sub Categories
13.20 视差滚动(Parallax Scrolling) ###
228
10.9 样式修正 ###
14
13.4 图片轮播(幻灯片)/图片展示 ###
12
13.1 Slider ###
11
13.3 懒加载/加载监听/预加载 ###
10
13.6 进度条/加载动画(Loading) ###
10
10.4 上传组件 ###
10
10.1 表单验证(Form Validator)/表单提示
10
13.5 图片剪裁/图片处理 ###
9
10.5 日期选择 ###
7
13.12 全屏滚动/全屏切换 ###
5
13.11 平滑滚动插件(Smooth Scroll) ###
5
13.19 滚动条(Scrollbar) ###
5
13.9 滚动侦测(ScrollSpy) ###
4
13.15 固定元素(Sticky) ###
4
13.10 滚动加载更多/下拉刷新(Pull to Refresh) ###
4
10.2 < select > 相关 ###
3
10.7 标签插件(Tag) ###
3
13.17 拖拽组件 ###
3
13.18 隐藏或展示页面元素 ###
3
10.8 自动完成插件 ###
2
13.7 侧滑插件(offcancas) ###
2
13.16 触控事件 ###
2
10.3 单选框/复选框相关 ###
1
13.13 分屏滚动 ###
1
Uncategorized
1
13.14 转场效果 ###
1
13.8 菜单(Menu) ###
1
Keywords
javascript
52
jquery
17
css
16
ui
6
animation
6
jquery-plugin
6
html
6
sass
5
html5
5
frontend
5
ui-components
4
web
4
modal
4
css-framework
4
mobile
4
scrolling
3
gallery
3
dom
3
responsive
3
canvas
3
swipe
3
image
3
dialog
3
markdown
3
editor
3
svg
3
validation
2
javascript-library
2
touch-events
2
video-player
2
video
2
player
2
html5-video
2
html5-audio
2
hls
2
documentation
2
vanilla-js
2
tooltip
2
accessibility
2
nodejs
2
couchdb
2
performance
2
snap
2
lightbox
2
mousewheel
2
offline
2
coffeescript
2
notifications
2
es6
2
es2015
2