0. 前端自動化(Workflow)
前端構(gòu)建工具
Yeoman – a set of tools for automating development workflow
gulp – The streaming build system
grunt – the JavaScript Task Runner
前端模塊管理器
Bower – A package manager for the web
css預(yù)處理器
Less – Less is More , Than CSS
Sass – Syntactically Awesome Style Sheets
Stylus – Expressive, dynamic, robust CSS
1. 前端框架(Frameworks)
JavaScript 框架
輕量級JavaScript框架
Min.js – Super minimal selector and event library
skel.js – A lightweight responsive framework
JavaScript 工具庫
chinese-copywriting-guidelines – 中文文案排版指南
History.js – gracefully supports the HTML5 History/State APIs
Notify.js(Web Notifications API)
jquery.form.js – jQuery Form Plugin
arale-upload – 輕量級 iframe and html5 file uploader
Dropzone.js – drag’n’drop library拖拽上傳
Both Date and Time picker widget based on twitter bootstrap
Colorpicker plugin for Twitter Bootstrap
TaggingJS – 可以靈活定制的 jQuery 標簽系統(tǒng)插件
At.js – 一個Twitter/微博樣式的@自動完成插件
jquery-textcomplete – 智能搜索提示框/自動補全
autosize – 使文本框自動適應(yīng)所輸入的內(nèi)容
Chart.js – Simple HTML5 Charts using Canvas
D3.js – A JavaScript visualization library for HTML and SVG.
intro-to-d3 – a D3.js tutorial
12. 日期格式化
13. 頁面交互
slick – the last carousel you’ll ever need
Swipe – the most accurate touch slider
Swiper – Most modern mobile touch slider
iscroll – Smooth scrolling for the web
OwlCarousel – create beautiful responsive carousel slider
jquery-mousewheel – jQuery鼠標滾輪滾動偵測插件
Isotope – Filter & sort magical layouts
13.5 圖片剪裁/處理
croppic – an image cropping jquery plugin
Pace – Automatic page load progress bar
pushy – a responsive off-canvas navigation menu
SuperFish – 基于jQuery的級聯(lián)下拉菜單
Responsive Nav – 響應(yīng)式導(dǎo)航
sticky – jQuery Plugin for Sticky Objects
13.20 視差滾動(Parallax Scrolling)
prism – Lightweight, robust, elegant syntax highlighting.
Glyphter: The SVG Font Machine
Cikonss – 純CSS實現(xiàn)的響應(yīng)式Icon
animate.css – A cross-browser library of CSS animations.
Transit – CSS transitions and transformations for jQuery
ScrollMe – 在網(wǎng)頁中加入各種滾動動畫效果
Effeckt.css – A Performant Transitions and Animations Library
csshake – CSS classes to move your DOM
magic – CSS3 Animations with special effects
cross-storage – Cross domain local storage
Juicer – A Light Javascript Templete Engine.
Notify.js – A simple, versatile notification library
qTip2 – Pretty powerful tooltips
tooltipster – A jQuery tooltip plugin
grumble.js – 氣泡形狀的提示(Tooltip)控件
fancyBox – Fancy jQuery lightbox
jquery-lightbox – The popular lightbox script, ported to jQuery
artDialog – 經(jīng)典的網(wǎng)頁對話框組件
jQuery Bootgrid – 用于ajax生成動態(tài)表格
DataTables – Table plug-in for jQuery
fancytree – Tree plugin for jQuery
fetch – A window.fetch JavaScript polyfill
reqwest – browser asynchronous http requests
jPlayer – HTML5 Audio & Video for jQuery
video.js – HTML5 & Flash video player
Accessible HTML5 Video Player – PayPal 開源的 HTML5 視頻播放器
Plyr – A simple HTML5 media player
FitVids.js – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
BigVideo.js – The jQuery Plugin for Big Background Video
BigScreen – A simple library for using the JavaScript Full Screen API
Buttons – A CSS button library
jquery.onoff – Interactive, accessible toggle switches for the web.
27. 富文本編輯器/Markdown編輯器/Markdown解析器
json.human.js – Json Formatting for Human Beings
FastClick – 處理移動端 click 事件 300 毫秒延遲
html2canvas – 實現(xiàn)純JS網(wǎng)頁截圖
jquery.qrcode.js – 生成二維碼的 jQuery 插件
FocusPoint.js 實現(xiàn)圖片的響應(yīng)式裁剪