WordPress Plugins

User Profile

文章訂閱

會員管理系統

編輯器

  • Advanced Gutenberg
  • BLock Lab
  • Disable Gutenberg Blocks
  • TinyMCE Advanced

問卷、投票、表單

  • Forminator

其他

  • Advanced Custom Fields
  • Duplicate Post
  • Redirection
  • WooCommerce
  • WP Facebook Login for WordPress
  • Fancy Facebook Comments

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://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/

jQuery Plugins

Map 地圖

map svg 地圖
https://github.com/markmarkoh/datamaps

google map quickly — gmaps.js
http://hpneo.github.io/gmaps/examples.html

mapjQuery tinyMap
https://code.essoduke.org/tinyMap/

視覺效果

Apple tv hover 效果 
https://www.jqueryscript.net/animation/Parallax-Hover-Tilt-Effect-Universal-Tilt.html

文字編打效果
http://macarthur.me/typeit/
https://www.cssscript.com/demo/simulate-typewriter-typing-screen-typing-js/

圖片放大
http://www.dynamicdrive.com/dynamicindex4/imagepanner.htm

transform icons with tendy animate
http://bitshadow.github.io/iconate/

偵測背景,然後變色
http://www.kennethcachia.com/background-check/

hover效果
http://tympanus.net/Tutorials/3DHoverEffects/index5.html
http://tympanus.net/Tutorials/CaptionHoverEffects/index7.html
http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/index.html
http://tympanus.net/Development/HoverEffectIdeas/

parallel
http://markdalgleish.com/projects/stellar.js/demos/

動畫 動態
https://greensock.com

Progress Loading
http://usablica.github.io/progress.js/

Mobile相關

smart banner (android & ios 偵測如果有app,就會在頂端出現下載app的東西)
https://github.com/jasny/jquery.smartbanner

hover on touch mobile
https://www.vinzenzaubry.com/demos/hoverontouch/

overscroll (touch)
http://azoff.github.io/overscroll/

Input系列

正則表達式或限制input輸入型態
https://unmanner.github.io/imaskjs/

multiselect
http://springstubbe.us/projects/demos/jquery-multiselect/
http://www.patosai.com/projects/tree-multiselect
https://select2.org/

date range picker
http://t1m0n.name/air-datepicker/docs/
http://www.daterangepicker.com/#examples
http://ctui.corneltek.com/ctdaterange/
http://t00rk.github.io/bootstrap-material-datetimepicker/

dragdealer
http://skidding.github.io/dragdealer/

dropdown tooltip
http://github.hubspot.com/drop/docs/welcome/

checkbox & radio
http://icheck.fronteed.com

Scrollbar 捲軸

內捲軸卷到底不會影響外捲軸
http://eiskis.net/scroll-scope/

客製化捲軸
https://github.com/noraesae/perfect-scrollbar

scroll trigger
https://github.com/Prinzhorn/skrollr
https://terwanerik.github.io/ScrollTrigger/http://t-scroll.com/

waypoint – trigger when scroll to an element
http://imakewebthings.com/waypoints/

scrollTo
https://github.com/hashchange/jquery.scrollable

Slider, Lightbox, Gallery, Swipe

http://flickity.metafizzy.co
http://idangero.us/swiper/#.WPOVR1N96Rt
http://owlgraphic.com/
http://jquery.malsup.com/cycle2/

Image gallery
http://sachinchoolur.github.io/lightGallery/

full screen gallery
http://www.justcapelle.com/css3-fullscreen-image-gallery/index.html

lightbox
https://fancyapps.com/fancybox/3/
https://lokeshdhakar.com/projects/lightbox2/
http://photoswipe.com/

其他

timeline
http://www.jqueryscript.net/time-clock/Timeline-Generator-jQuery-Timeline-js.html

時間變成以人性化文字顯示http://fengyuanchen.github.io/prettydate/http://momentjs.com

notice 通知
http://kunalnagar.github.io/jquery.peekABar/#demo

圖片Crop擷取
http://fengyuanchen.github.io/cropper/
https://jamesssooi.github.io/Croppr.js/
https://github.com/jonom/jquery-focuspoint

cookie記錄提醒
http://paolobasso99.github.io/herbyCookie/

lazy loding
https://github.com/callmecavs/layzr.js

評分
http://testweb3.iecworld.com/jsdemo/js/lq_js_point/

Intro to JS: Drawing & Animation
https://www.khanacademy.org/computing/computer-programming/programming

Picker.js
http://chenfengyuan.com

keyboard-delimiter
https://github.com/ameliandev/KeyboardDelimiter