Ch2.JS套件

SVG繪圖

vivus -svg繪圖動畫插件(只能描畫線條，實心圖案無法描繪)

x3dom-在網頁上3D繪圖

css-shapes-文字貼著圖片排列的外掛，響應式會有破圖問題，尺寸必須要寫固定

clipping-masking-CSS圖片遮罩(IE可能無法使用)

ArticleIntroEffects-半透明漸層遮色片

aframe-aframe VR套件，可簡單支援360環景照片

文字特效

text-shadow-藉由設定文字陰影造成螢光效果

css-text-effects-藉由CSS寫出的文字特效

色彩

flatcolors-扁平化色盤(適合介面設計使用)

滑鼠hover

animatable-滑鼠hover特效

騰訊出品-互動式按鈕特效

扁平hover特效-扁平化icon的hover特效

ButtonStylesInspiration-button的互動特效

SlipHover-富有整體性的滑鼠hover蓋字

視差滾動

parallax-藉由圖片前後的深度設定造成視差滾動

fullPage-滑鼠全螢幕滾動套件(對某些使用者來說會覺得卡)

skrollr-視差滾動套件，直接寫在html tag內設定data-height即可已完成，挺簡單方便的。

輪播圖

Swiper-有cube、coverflow、parallax特效的輪播圖

owl-貓頭鷹輪播圖，支援animate動畫效果(會跟Bootstrap News Box這個套件衝突)

iscroll-觸摸滾動套件(一般用於手機開發上)

featherlight-除了ekko以外的光廂套件

bookblock-翻書效果

預設畫面修改

sweetalert-alert美化

Sortable-實現物件拖移功能

summernote-html文本編輯器

artDialog-boostrap彈出互動式對話框

bootstrap-select-運用boostrap的dropdown特性去美化select選單

bootstrap-datetimepicker-boostrap介面的日期選擇器

countdown-倒數計時器

quicksand-快速篩選器，運用選單的class name去抓取data-id相同的資料

lazysizes-畫面延遲加載，直接寫在html裡面，優先載入低解析度，再載入高解析度

load-awesome-animate動畫的loading畫面

fullcalendar-行事曆套件

瀑布流

Wookmark-較輕量簡易的瀑布流插件

masonry-超級完整而強大的瀑布流，須搭載isLoading.js，不然會有圖片延遲載入造成爆版的問題

前端後端

reactjs101-react現在流行的前端框架，必學!

angular-angular現在流行的另一套前端框架，也是必學!

node.js-入門教學，後端

API-

google 地圖-google地圖api，必學!

youtube api-youtube的api

aribnb-aribnb的api，算是國際民宿網

資源分享-

html5tricks-html5學習交流平台

Lichin-一個很厲害的前端的筆記本