Javascript

通知 Notification

favico & browser notification
https://github.com/jaywcjlove/iNotify
http://lab.ejci.net/favico.js/

斷線提醒(含重連)
http://github.hubspot.com/offline/docs/welcome/

排版

拖曳、自動排版
https://haltu.github.io/muuri/

瀑布流排版
https://github.com/e-oj/Magic-Grid

Input系列

台灣身份驗證
https://github.com/enylin/taiwan-id-validator

檔案上傳
https://uppy.io/?ref=webdesignernews.com

Placeholder
https://kushagragour.in/lab/superplaceholderjs/

auto complete
https://tarekraafat.github.io/autoComplete.js/#/

select
http://slimselectjs.com/

照片、圖片

Image Blur
https://github.com/whackashoe/antimoderate

圖片自動裁圖
https://29a.ch/2014/04/03/smartcrop-content-aware-image-cropping

信用卡在mobile上的反光效果
https://github.com/rikschennink/shiny

圖表

甘特圖
https://sbstjn.com/timesheet.js/

gif圖檔播放
http://gka.github.io/canvid/

利用<img> embed 圖表
https://quickchart.io/

捲軸

Scroll
https://github.com/jlmakes/scrollreveal.js
https://ilyashubin.github.io/scrollbooster/

section scroll
http://plugins.imdanishiqbal.com/section-scroll/

Smooth Scroll(backtotop)
http://callmecavs.github.io/jump.js/

parallax scroll

流程圖

手繪 流程圖 flowchart
https://bramp.github.io/js-sequence-diagrams/

流程圖 flowchart
http://flowchart.js.org

Mobile

touch point circle
http://jonahvsweb.github.io/touchpoint-js/
http://yoannmoinet.github.io/nipplejs/

其他

動態
https://animejs.com/

Youtube控制
http://tutorialzine.com/2015/08/how-to-control-youtubes-video-player-with-javascript/

星星評分
http://auxiliary.github.io/rater/

keyboard copy
http://zenorocha.github.io/clipboard.js/
https://clipboardjs.com/

Animation
https://threejs.org/examples/

SVG Animation
https://www.polygon.com/a/ps4-review/console

Loading
https://kimmobrunfeldt.github.io/progressbar.js/

圖片客戶端檢查
https://nsfwjs.com/

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.