🆕 https://mnya.tw/cc/word/1252.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⌨️JavaScript , ⌨️jQuery】
不少情況下網站都會使用到 HTML Image Map 影像地圖,但 HTML 原生的影像地圖功能缺乏非常多必要的功能,舉例來說就無法套用 CSS 建立特效...
#HTML_ImageMap #ImageMap #影像地圖 #jQuery #推薦插件 #插件 #maphilight #加強特效 #rwdImageMaps #支援RWD #RWD #HTML #JavaScript #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⌨️JavaScript , ⌨️jQuery】
不少情況下網站都會使用到 HTML Image Map 影像地圖,但 HTML 原生的影像地圖功能缺乏非常多必要的功能,舉例來說就無法套用 CSS 建立特效...
#HTML_ImageMap #ImageMap #影像地圖 #jQuery #推薦插件 #插件 #maphilight #加強特效 #rwdImageMaps #支援RWD #RWD #HTML #JavaScript #網站技術
萌芽綜合天地
HTML Image Map 影像地圖 jQuery 推薦插件:maphilight (加強特效)、rwdImageMaps (支援RWD) – 萌芽綜合天地
不少情況下網站都會使用到 HTML Image Map 影像地圖,但 HTML 原生的影像地圖功能缺乏非常多必要的功能,舉例來說就無法套用 CSS 建立特效,一般來說我們都會希望游標移至選擇區時出現特定特效,而不是只有指標變化,除此之外,隨著行動裝置的發達,使用手機、平板等裝置瀏覽網站的比例增加,影像地圖卻無法支援 RWD 也是一項缺失,這次因為學校的多媒體(網頁)期中專案需要用到影像地圖,
🆕 https://mnya.tw/cc/word/1278.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件,那時候剛好也非常缺乏像樣的幻燈片程式,網站首頁也需要一個來展示影片,就這麼剛好讓我找到這...
#Flickity #jQuery插件 #jQuery #插件 #全平台支援 #幻燈片 #卡片 #HTML #CSS #JavaScript #JS #自適應
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件,那時候剛好也非常缺乏像樣的幻燈片程式,網站首頁也需要一個來展示影片,就這麼剛好讓我找到這...
#Flickity #jQuery插件 #jQuery #插件 #全平台支援 #幻燈片 #卡片 #HTML #CSS #JavaScript #JS #自適應
萌芽綜合天地
Flickity:超強大的 jQuery 插件!建立全平台都支援的幻燈片或卡片! – 萌芽綜合天地
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件,那時候剛好也非常缺乏像樣的幻燈片程式,網站首頁也需要一個來展示影片,就這麼剛好讓我找到這款幾乎萬能的插件!怎麼說呢?首先我想要的功能它都有!支援上下頁手動切換、手機滑動切換、游標拖曳切換、下方圓點導覽以及自適應的功能!所以後來我不只拿這個插件做幻燈片,還用來做了網站導覽卡片,一樣非常好用!官方網站更是提供了大量的方法、
🆕 https://mnya.tw/cc/word/1280.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件,插件本身非常小,支援透過電腦鍵盤移動至上下自定義的節點,不用再透過 HTML 所提供的「#」...
#ScrollIt #建立頁面滾動導覽 #滾動導覽 #導覽 #jQuery插件 #jQuery #插件 #網站技術 #HTML #CSS #JavaScript #JS
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件,插件本身非常小,支援透過電腦鍵盤移動至上下自定義的節點,不用再透過 HTML 所提供的「#」...
#ScrollIt #建立頁面滾動導覽 #滾動導覽 #導覽 #jQuery插件 #jQuery #插件 #網站技術 #HTML #CSS #JavaScript #JS
萌芽綜合天地
ScrollIt.js:建立頁面滾動導覽的 jQuery 插件 - 萌芽綜合天地 - 萌芽網頁
「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件,插件本身非常小,支援透過電腦鍵盤移動至上下自定義的節點,不用再透過 HTML 所提供的「#」頁面導覽,功能實 […]
🆕 https://mnya.tw/cc/word/1287.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「jQuery Zoom」由 Jack Moore 開發,採用 MIT 授權,可免費使用於自己的網站上...
#jQuery_Zoom #圖片放大插件 #指定大小內原始比例呈現圖片大小 #jQuery插件 #MIT授權 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「jQuery Zoom」由 Jack Moore 開發,採用 MIT 授權,可免費使用於自己的網站上...
#jQuery_Zoom #圖片放大插件 #指定大小內原始比例呈現圖片大小 #jQuery插件 #MIT授權 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
萌芽綜合天地
jQuery Zoom:圖片放大插件、在指定大小內原始比例呈現圖片大小 - 萌芽綜合天地 - 萌芽網頁
其實很早以前就用過類似的插件,只不過那個插件是商業授權的試用版,而且在改版的過程中還出錯,因此我就直接放棄使用了!後來在網路上找到這個功能更優的 jQuery 插件,支援 touch (觸控 […]
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🆕 https://mnya.tw/about/log/2019.html
【公告】網站導覽、攝影網啟用視差效果
發布編號:466 - 發佈日期:2019/01/27
經過數個小時的查詢,終於找到一款不錯的視差效果 jQuery 插件,名稱為「paroller.js」,效果很不錯且支援行動版!😎
萌芽網站導覽與攝影網上方區塊背景圖正式採用視差效果,只要滾動或滑動頁面就可以看到這個視覺效果,非常酷炫!其實很多網站早就有採用這個特效,相信大家應該也能常看到這個特效於其他網站!😁
#公告 #網站導覽 #攝影網 #啟用 #視差效果 #視差 #視覺效果 #paroller #jQuery插件 #jQuery #插件
【公告】網站導覽、攝影網啟用視差效果
發布編號:466 - 發佈日期:2019/01/27
經過數個小時的查詢,終於找到一款不錯的視差效果 jQuery 插件,名稱為「paroller.js」,效果很不錯且支援行動版!😎
萌芽網站導覽與攝影網上方區塊背景圖正式採用視差效果,只要滾動或滑動頁面就可以看到這個視覺效果,非常酷炫!其實很多網站早就有採用這個特效,相信大家應該也能常看到這個特效於其他網站!😁
#公告 #網站導覽 #攝影網 #啟用 #視差效果 #視差 #視覺效果 #paroller #jQuery插件 #jQuery #插件
🆕 https://mnya.tw/cc/word/1292.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「Tilt.js」是一款可以達到視差懸停傾斜效果(parallax hover tilt effect)的 jQuery 插件,插件本身不需要 CSS...
#Tilt_js #浮動方塊 #視差懸停傾斜效果 #jQuery插件 #jQuery #插件 #視差 #視差懸停傾斜 #網站技術 #HTML #JavaScript #JS
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「Tilt.js」是一款可以達到視差懸停傾斜效果(parallax hover tilt effect)的 jQuery 插件,插件本身不需要 CSS...
#Tilt_js #浮動方塊 #視差懸停傾斜效果 #jQuery插件 #jQuery #插件 #視差 #視差懸停傾斜 #網站技術 #HTML #JavaScript #JS
萌芽綜合天地
Tilt.js:浮動方塊製作、視差懸停傾斜效果 jQuery 插件 - 萌芽綜合天地 - 萌芽網頁
「Tilt.js」是一款可以達到視差懸停傾斜效果(parallax hover tilt effect)的 jQuery 插件,插件本身不需要 CSS,只需要 jQuery 和本 […]
🆕 https://mnya.tw/cc/word/1293.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「paroller.js」由 tgomilar 開發,採 MIT 授權,可免費使用於網站,仰賴 jQuery 運行的插件,易於使用!適用於有 background...
#paroller_js #視差滾動 #jQuery插件 #jQuery #插件 #簡單快速 #製作 #視差效果 #視差 #網站技術 #HTML #JavaScript #JS
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「paroller.js」由 tgomilar 開發,採 MIT 授權,可免費使用於網站,仰賴 jQuery 運行的插件,易於使用!適用於有 background...
#paroller_js #視差滾動 #jQuery插件 #jQuery #插件 #簡單快速 #製作 #視差效果 #視差 #網站技術 #HTML #JavaScript #JS
萌芽綜合天地
paroller.js:視差滾動 jQuery 插件、簡單快速製作視差效果! - 萌芽綜合天地 - 萌芽網頁
前陣子非常想在網站上製作視差效果,礙於時間因素沒有去找尋資料,現在寒假到了,我就著手開始尋找適合自己用的 jQuery 插件,最後找到了「paroller.js」覺得最滿意!讓我開 […]
This media is not supported in your browser
VIEW IN TELEGRAM
🆕 https://mnya.tw/about/log/2019.html
【公告】下捲自動隱藏行動版導覽列
發布編號:469 - 發佈日期:2019/02/05
農曆新年來個小更新,這次運用 jQuery 製作了捲動偵測的小程式,讓使用者在向下捲動時收起上方導覽列,增加顯示重要內容的空間,向上捲動時則顯示上方導覽列,隱藏和顯示有設計相對的動畫 😉。
當然這個效果僅會在行動版執行,電腦螢幕很大就不需要這樣的設計,希望您喜歡 ☺️。
#公告 #jQuery #下捲自動隱藏行動版導覽列 #向下捲動 #自動隱藏 #行動版導覽列 #行動版 #導覽列
【公告】下捲自動隱藏行動版導覽列
發布編號:469 - 發佈日期:2019/02/05
農曆新年來個小更新,這次運用 jQuery 製作了捲動偵測的小程式,讓使用者在向下捲動時收起上方導覽列,增加顯示重要內容的空間,向上捲動時則顯示上方導覽列,隱藏和顯示有設計相對的動畫 😉。
當然這個效果僅會在行動版執行,電腦螢幕很大就不需要這樣的設計,希望您喜歡 ☺️。
#公告 #jQuery #下捲自動隱藏行動版導覽列 #向下捲動 #自動隱藏 #行動版導覽列 #行動版 #導覽列
🆕 https://mnya.tw/cc/word/1302.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Easing 函數速查表」由 Andrey Sitnik 提供,各國家的貢獻者協助翻譯,因此網站還支援非常多的語言,包含正體中文(繁體中文)唷!我們前端網頁設計師...
#Easing函數速查表 #函數速查表 #Easing #函數 #Easing函數 #速查表 #網頁動畫執行速度函數查詢 #動畫執行速度函數 #CSS #SCSS #jQuery #JS #JavaScript #HTML #網站技術 #前端 #網頁 #網頁設計
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Easing 函數速查表」由 Andrey Sitnik 提供,各國家的貢獻者協助翻譯,因此網站還支援非常多的語言,包含正體中文(繁體中文)唷!我們前端網頁設計師...
#Easing函數速查表 #函數速查表 #Easing #函數 #Easing函數 #速查表 #網頁動畫執行速度函數查詢 #動畫執行速度函數 #CSS #SCSS #jQuery #JS #JavaScript #HTML #網站技術 #前端 #網頁 #網頁設計
萌芽綜合天地
Easing 函數速查表:網頁動畫執行速度函數查詢,可用 CSS、SCSS 或 jQuery - 萌芽綜合天地 - 萌芽網頁
「Easing 函數速查表」由 Andrey Sitnik 提供,各國家的貢獻者協助翻譯,因此網站還支援非常多的語言,包含正體中文(繁體中文)唷!我們前端網頁設計師常常需要製作網頁互動動 […]
🆕 https://mnya.tw/cc/word/1402.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🔐資訊安全 , 🖥伺服器 , 💾資料庫 , 📄PHP , ⚙️JavaScript , ⚙️jQuery , 🔍SQL】
一般來說如果一個網站有站內搜尋,可以更方便使用者找到想要的資訊,但如果要增進使用者體驗,有什麼方法可以讓簡單的搜尋變得更加美好?沒錯!那就是運用...
#PHP #AJAX #MySQL #SQL #即時搜尋 #即時搜尋系統 #搜尋 #搜尋系統 #邊打字邊搜尋 #邊打字邊搜尋資料庫 #資料庫 #網站技術 #資訊安全 #伺服器 #JavaScript #jQuery #站內搜尋 #搜尋資料 #搜尋資訊 #使用者體驗 #Search
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🔐資訊安全 , 🖥伺服器 , 💾資料庫 , 📄PHP , ⚙️JavaScript , ⚙️jQuery , 🔍SQL】
一般來說如果一個網站有站內搜尋,可以更方便使用者找到想要的資訊,但如果要增進使用者體驗,有什麼方法可以讓簡單的搜尋變得更加美好?沒錯!那就是運用...
#PHP #AJAX #MySQL #SQL #即時搜尋 #即時搜尋系統 #搜尋 #搜尋系統 #邊打字邊搜尋 #邊打字邊搜尋資料庫 #資料庫 #網站技術 #資訊安全 #伺服器 #JavaScript #jQuery #站內搜尋 #搜尋資料 #搜尋資訊 #使用者體驗 #Search
萌芽綜合天地
PHP & AJAX & MySQL 即時搜尋系統、邊打字邊搜尋資料庫 – 萌芽綜合天地
一般來說如果一個網站有站內搜尋,可以更方便使用者找到想要的資訊,但如果要增進使用者體驗,有什麼方法可以讓簡單的搜尋變得更加美好?沒錯!那就是運用前端技術 AJAX 來達到邊打字邊搜尋資料庫的效果!後端程式 PHP 則負責將獲得的搜尋文字做資安處理,也就是將特殊符號轉譯,最後與 SQL 查詢語法一起送給 MySQL 資料庫,資料庫就會即時回傳資料,就能即時在同個網頁獲得搜尋結果而不需要換頁,
🆕 https://mnya.tw/cc/word/1410.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🖥HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
網頁上也能使用 Emoji(表情貼/表情符號),網頁原生表情貼就是直接採用系統內建的圖示,但 Emoji 發展得相當快速,有時候系統更新速度常常不夠快,導致部分...
#Twemoji #網頁原生表情貼 #完美替換 #Twitter表情貼 #示範 #Twitter #表情貼 #表情符號 #圖示 #Emoji #網站技術 #HTML #CSS #JavaScript #jQuery
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🖥HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
網頁上也能使用 Emoji(表情貼/表情符號),網頁原生表情貼就是直接採用系統內建的圖示,但 Emoji 發展得相當快速,有時候系統更新速度常常不夠快,導致部分...
#Twemoji #網頁原生表情貼 #完美替換 #Twitter表情貼 #示範 #Twitter #表情貼 #表情符號 #圖示 #Emoji #網站技術 #HTML #CSS #JavaScript #jQuery
萌芽綜合天地
Twemoji:網頁原生表情貼完美替換成 Twitter 表情貼示範 – 萌芽綜合天地
網頁上也能使用 Emoji(表情貼/表情符號),網頁原生表情貼就是直接採用系統內建的圖示,但 Emoji 發展得相當快速,有時候系統更新速度常常不夠快,導致部分 Emoji 顯示錯誤,而且系統原生 Emoji 說真的不是說非常好看,所以才會想到要使用 Twemoji 這款表情貼來替換掉網頁上所有的原生 Emoji,Twemoji 是由推特(Twitter)提供的開源表情包,基於 Unicode。
🆕 https://mnya.tw/cc/word/1415.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️jQuery】
我標題直接下「最佳的」,原因是這是我在網路上找到最容易使用且最不會受到干擾的通知提示 jQuery 插件!Toastr 使用起來非常簡單,拿來當作後端...
#Toastr #最佳的通知提示 #通知提示 #通知 #提示 #jQuery插件 #jQuery #插件 #JavaScript #JS #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️jQuery】
我標題直接下「最佳的」,原因是這是我在網路上找到最容易使用且最不會受到干擾的通知提示 jQuery 插件!Toastr 使用起來非常簡單,拿來當作後端...
#Toastr #最佳的通知提示 #通知提示 #通知 #提示 #jQuery插件 #jQuery #插件 #JavaScript #JS #網站技術
萌芽綜合天地
Toastr:最佳的通知提示 jQuery 插件 – 萌芽綜合天地
我標題直接下「最佳的」,原因是這是我在網路上找到最容易使用且最不會受到干擾的通知提示 jQuery 插件!Toastr 使用起來非常簡單,拿來當作後端訊息提示非常好用,最近做自己網站的後台就是運用這個 jQuery 插件來做通知,不管是位置(左上、上方、右上、右下、下方和左下等)、模式(成功、資訊、警告和錯誤)、關閉按鈕、行為按鈕、偵錯、防止重複和最新的置頂等,該有的功能都有,
🆕 https://mnya.tw/cc/word/1422.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
🍪 Cookie(餅乾)在網路世界中無所不在,可以讓使用者儲存網頁設定到瀏覽器中,下次瀏覽時網站就能提供更個人化的服務給同位訪客,其實是一個不錯運用的技術...
#js_cookie #運用餅乾製作簡易黑暗模式示範 #黑暗模式 #夜間模式 #深色模式 #Cookie #餅乾 #示範 #教學 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
🍪 Cookie(餅乾)在網路世界中無所不在,可以讓使用者儲存網頁設定到瀏覽器中,下次瀏覽時網站就能提供更個人化的服務給同位訪客,其實是一個不錯運用的技術...
#js_cookie #運用餅乾製作簡易黑暗模式示範 #黑暗模式 #夜間模式 #深色模式 #Cookie #餅乾 #示範 #教學 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
萌芽綜合天地
js-cookie 運用餅乾製作簡易黑暗模式示範 – 萌芽綜合天地
🍪 Cookie(餅乾)在網路世界中無所不在,可以讓使用者儲存網頁設定到瀏覽器中,下次瀏覽時網站就能提供更個人化的服務給同位訪客,其實是一個不錯運用的技術!因此萌芽站長就決定應用它來製作現在非常流行的「🌙 黑暗模式」,也有人叫做「夜間模式」或「深色模式」,其實都是一樣的功能,也就是把原先白底黑字為主的版面切換成黑底白字為主,可能有些人以為這要用到「後端技術」,事實上完全不需要後端程式,
🆕 https://mnya.tw/cc/word/1428.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , ⚙️JavaScript , ⚙️jQuery】
人總是遇上困難才知道如何去解決它,這次我碰上了!本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點,我的天呀!一下子網站一堆東西都失效了...
#jQuery_CDN #jQuery #CDN #掛點解決方案 #掛點 #解決方案 #JavaScript #JS #本地替代方案 #網站技術 #HTML
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , ⚙️JavaScript , ⚙️jQuery】
人總是遇上困難才知道如何去解決它,這次我碰上了!本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點,我的天呀!一下子網站一堆東西都失效了...
#jQuery_CDN #jQuery #CDN #掛點解決方案 #掛點 #解決方案 #JavaScript #JS #本地替代方案 #網站技術 #HTML
萌芽綜合天地
jQuery CDN 掛點解決方案?簡單的 JavaScript 讓您有本地替代方案! – 萌芽綜合天地
人總是遇上困難才知道如何去解決它,這次我碰上了!本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點,我的天呀!一下子網站一堆東西都失效了!導覽列、黑暗模式切換等全部停擺,緊急找了新的 CDN 修補,這次換上 Google 提供的 CDN,有大神相助應該穩定很多吧 …!誰說的!因此為了確保這種事件不再發生!
🆕 https://mnya.tw/cc/word/1467.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學,不管是什麼程式語言都沒有前端語言(HTML、CSS、JavaScript)來的習慣!只要沒有資訊安全的問題,前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學,不管是什麼程式語言都沒有前端語言(HTML、CSS、JavaScript)來的習慣!只要沒有資訊安全的問題,前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
jQuery.qrcode:純前端生成 QR Code – 萌芽綜合天地
自己還是喜歡寫網頁相關的教學,不管是什麼程式語言都沒有前端語言(HTML、CSS、JavaScript)來的習慣!只要沒有資訊安全的問題,前端可說是超級萬能!竟然連 QR Code 都可以生成,也太強大!jQuery.qrcode 依賴 jQuery 函式庫,壓縮版僅 25KB 的大小,可說是相當輕量級的前端插件,相當簡單就可以生成自定義的 QR Code,渲染方式有 canvas、
🆕 https://mnya.tw/cc/word/1469.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄JavaScript , 📄jQuery】
前端除了能生成 QR Code,竟然還能掃描 QR Code?沒錯!只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code...
#instascan #純前端 #純前端掃描QRCode #掃描QRCode #QRCode #WebRTC #jQuery #JavaScript #JS #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄JavaScript , 📄jQuery】
前端除了能生成 QR Code,竟然還能掃描 QR Code?沒錯!只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code...
#instascan #純前端 #純前端掃描QRCode #掃描QRCode #QRCode #WebRTC #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
instascan:純前端掃描 QR Code – 萌芽綜合天地
前端除了能生成 QR Code(👉 相關文章),竟然還能掃描 QR Code?沒錯!只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code,WebRTC 的名稱源自網頁即時通訊(英語:Web Real-Time Communication)的縮寫,是一個支援網頁瀏覽器進行即時語音對話或影片對話的 API,但其一定要在 HTTPS 的連線環境下運作,
🆕 https://mnya.tw/cc/word/1537.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📝HTML , ⚙️JavaScript , ⚙️jQuery , ⌨️架站程式 , 📝WordPress】
我在《WordPress 外掛推薦列表(2016、2017舊版)》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」,這款外掛可以幫助網站主記錄每篇文章的流量...
#取得WordPress_Popular_Posts_REST_API_熱門文章資訊至任何網頁 #WordPress_Popular_Posts #WPP #REST_API #API #熱門文章 #AJAX取得JSON #AJAX #JSON #取得資料 #網站技術 #HTML #JavaScript #JS #jQuery #架站程式 #WordPress #WP
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📝HTML , ⚙️JavaScript , ⚙️jQuery , ⌨️架站程式 , 📝WordPress】
我在《WordPress 外掛推薦列表(2016、2017舊版)》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」,這款外掛可以幫助網站主記錄每篇文章的流量...
#取得WordPress_Popular_Posts_REST_API_熱門文章資訊至任何網頁 #WordPress_Popular_Posts #WPP #REST_API #API #熱門文章 #AJAX取得JSON #AJAX #JSON #取得資料 #網站技術 #HTML #JavaScript #JS #jQuery #架站程式 #WordPress #WP
萌芽綜合天地
取得 WordPress Popular Posts REST API 熱門文章資訊至任何網頁 (AJAX 取得 JSON) – 萌芽綜合天地
我在《WordPress 外掛推薦列表(2016、2017舊版)》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」,這款外掛可以幫助網站主記錄每篇文章的流量,接著就能將這些數據公開給所有訪客知道,還能統計熱門文章,非常實用!最近剛好有需要將熱門文章引用至純網頁的首頁,就稍微研究了這款外掛有沒有支援 REST API,
🆕 https://mnya.tw/cc/word/1569.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
好久一段時間沒來研究前端,這次的主題是「打造多國語言的靜態網頁」,上網搜尋找到非常多的作法,但這次我想找的是相對最為簡單、技術門檻最低的方式...
#利用自定義HTML屬性打造多國語言的靜態網頁 #自定義HTML屬性 #多國語言靜態網頁 #多國語言 #靜態網頁 #HTML #jQuery #JavaScript #JS #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
好久一段時間沒來研究前端,這次的主題是「打造多國語言的靜態網頁」,上網搜尋找到非常多的作法,但這次我想找的是相對最為簡單、技術門檻最低的方式...
#利用自定義HTML屬性打造多國語言的靜態網頁 #自定義HTML屬性 #多國語言靜態網頁 #多國語言 #靜態網頁 #HTML #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
jQuery:利用自定義 HTML 屬性打造多國語言的靜態網頁 – 萌芽綜合天地
好久一段時間沒來研究前端,這次的主題是「打造多國語言的靜態網頁」,上網搜尋找到非常多的作法,但這次我想找的是相對最為簡單、技術門檻最低的方式,因此找了 GitHub 上不少慷慨工程師留下的原始碼,不過很多都有問題無法運作,排除掉複雜且有問題的資料後,最終一位來自伊朗的工程師的原始碼幫我完成了這次的研究,本文的前端開發基於它的靈感 👉 jq-multi-lang 首先,
🆕 https://mnya.tw/cc/word/1735.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 🎨CSS , 📄JavaScript , 📄jQuery】
為了方便以後讓任何網站都能快速擁有回頂部按鈕,特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕,輕鬆就能使用!基本上只要在網頁...
#自動隱藏且可直接使用的網頁回頂部按鈕 #自動隱藏 #可直接使用 #網頁回頂部按鈕 #回頂部按鈕 #回頂部 #HTML #CSS #jQuery #JavaScript #JS #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 🎨CSS , 📄JavaScript , 📄jQuery】
為了方便以後讓任何網站都能快速擁有回頂部按鈕,特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕,輕鬆就能使用!基本上只要在網頁...
#自動隱藏且可直接使用的網頁回頂部按鈕 #自動隱藏 #可直接使用 #網頁回頂部按鈕 #回頂部按鈕 #回頂部 #HTML #CSS #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
自動隱藏且可直接使用的網頁回頂部按鈕 – 萌芽綜合天地
為了方便以後讓任何網站都能快速擁有回頂部按鈕,特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕,輕鬆就能使用!基本上只要在網頁 <head> 到 </head> 中先引入 jQuery 後即可直接使用。通常這種設計是為了方便讓使用者在看完網頁主要內容後,能快速回到最上面查看導覽列,若您的網站本身就設有固定於頂部的導覽列,可能就比較不需要這種設計。