🆕 https://mnya.tw/cc/word/1313.html
【作者：萌芽站長；💻萌芽綜合天地；🖱網站技術 , 🖥HTML , ⚙️JavaScript】
「instant.page」是一款相當輕量的 JavaScript 程式，利用 CDN 的方式放入自己的網站，就可以加速網頁載入速度，怎麼這麼神奇呢...
#instant_page #預載 #預載技術 #預測使用者點擊 #加速載入網頁 #加速載入 #加速 #載入 #網站技術 #HTML #JavaScript #JS
👍按讚｜🔄分享｜☑️訂閱 ◎ 不錯過來自 mnya.tw 的新文章！感謝您的支持！🥰
【作者：萌芽站長；💻萌芽綜合天地；🖱網站技術 , 🖥HTML , ⚙️JavaScript】
「instant.page」是一款相當輕量的 JavaScript 程式，利用 CDN 的方式放入自己的網站，就可以加速網頁載入速度，怎麼這麼神奇呢...
#instant_page #預載 #預載技術 #預測使用者點擊 #加速載入網頁 #加速載入 #加速 #載入 #網站技術 #HTML #JavaScript #JS
👍按讚｜🔄分享｜☑️訂閱 ◎ 不錯過來自 mnya.tw 的新文章！感謝您的支持！🥰
萌芽綜合天地
instant.page：預載技術、預測使用者點擊進而加速載入網頁 - 萌芽綜合天地 - 萌芽網頁
「instant.page」是一款相當輕量的 JavaScript 程式，利用 CDN 的方式放入自己的網站，就可以加速網頁載入速度，怎麼這麼神奇呢？原來是利用我們從觸碰連結到點擊連結 […]
🆕 https://mnya.tw/cc/word/1350.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️HTML , ⚙️JSP】
這邊簡單使用 JSP 製作一個可以顯示 nxn 乘法表的網頁...
#JSP #nxn #乘法表 #nxn_multiplication_table #nxn_multiplication_table_jsp #網站技術 #HTML
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️HTML , ⚙️JSP】
這邊簡單使用 JSP 製作一個可以顯示 nxn 乘法表的網頁...
#JSP #nxn #乘法表 #nxn_multiplication_table #nxn_multiplication_table_jsp #網站技術 #HTML
萌芽綜合天地
JSP：nxn 乘法表（nxn_multiplication_table.jsp） - 萌芽綜合天地 - 萌芽網頁
這邊簡單使用 JSP 製作一個可以顯示 nxn 乘法表的網頁，由於本站採用的原始碼強調功能擴充「Prism 」不支援 JSP，因此改用 GitHub Gist 展示，僅供參考。 整數變數 […]
🆕 https://mnya.tw/cc/word/1398.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄PHP】
作為 PHP 初學者，從 HTML 表單傳值開始學算是一個不錯的起點，首先我們要在一個純網頁（.html）上建立兩個表單，一個使用 GET，另一個使用 POST...
#PHP #HTML表單 #HTML #表單 #GET #POST #傳值 #網站技術 #後端 #前端 #全端應用
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄PHP】
作為 PHP 初學者，從 HTML 表單傳值開始學算是一個不錯的起點，首先我們要在一個純網頁（.html）上建立兩個表單，一個使用 GET，另一個使用 POST...
#PHP #HTML表單 #HTML #表單 #GET #POST #傳值 #網站技術 #後端 #前端 #全端應用
萌芽綜合天地
PHP：HTML 表單的 GET 與 POST 傳值 – 萌芽綜合天地
作為 PHP 初學者，從 HTML 表單傳值開始學算是一個不錯的起點，首先我們要在一個純網頁（.html）上建立兩個表單，一個使用 GET，另一個使用 POST，兩個都將值傳到 form.php 中接收，再由 PHP 後端程式來做後續的處理，原始碼截圖與執行截圖如下： ▲ form.html 的原始碼與執行截圖，執行要分兩次，一次用上方的 GET 傳值法，另一次用下方的 POST 傳值法。 ▲…
🆕 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/1421.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , ⚙️JavaScript , 🧬React】
我們學習新事物的時候常常會卡在輔助工具過多，基礎都還沒搞懂就被一大堆的工具搞得很頭痛，一下子就會失去學習的動力，寫程式就是要能跑出東西來...
#React初嘗試 #React #初嘗試 #不使用npm #不使用Babel #不使用webpack #HELLO頁面 #網站技術 #HTML #JavaScript #新手上路 #輔助工具 #先把網頁做出來
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , ⚙️JavaScript , 🧬React】
我們學習新事物的時候常常會卡在輔助工具過多，基礎都還沒搞懂就被一大堆的工具搞得很頭痛，一下子就會失去學習的動力，寫程式就是要能跑出東西來...
#React初嘗試 #React #初嘗試 #不使用npm #不使用Babel #不使用webpack #HELLO頁面 #網站技術 #HTML #JavaScript #新手上路 #輔助工具 #先把網頁做出來
萌芽綜合天地
React 初嘗試：不使用 npm、Babel 和 webpack 的 HELLO 頁面 – 萌芽綜合天地
我們學習新事物的時候常常會卡在輔助工具過多，基礎都還沒搞懂就被一大堆的工具搞得很頭痛，一下子就會失去學習的動力，寫程式就是要能跑出東西來，如果一下子卡了一堆輔助工具都還不會用，跑不出東西真的很挫折，因此本篇文章跳過所有輔助工具，像是 npm、Babel 和 webpack 等通通不要用，就使用簡單的 CDN 將 React 引入後直接寫 HTML 與 JavaScript，製作出一個「HELLO…
🆕 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/1453.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 📃瀏覽器 , 🌐網站技術 , 📄HTML , ⌨️架站程式 , 📝WordPress , 🔘Google Chrome】
隨著瀏覽器不斷的進步，新技術可以讓網頁工程師更輕鬆的開發出更符合現代需求的網站，圖片與嵌入網頁一直都是最拖累網站載入速度的元素，過去為了加速載入網站...
#Native_Lazyload #NativeLazyload #HTML_loading #loading #HTML新屬性 #HTML屬性 #新屬性 #屬性 #原生延遲載入功能 #原生延遲載入 #原生 #延遲載入 #純HTML #HTML #Google_Chrome #GoogleChrome #Chrome #軟體應用 #瀏覽器 #網站技術 #架站程式 #WordPress #WP
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 📃瀏覽器 , 🌐網站技術 , 📄HTML , ⌨️架站程式 , 📝WordPress , 🔘Google Chrome】
隨著瀏覽器不斷的進步，新技術可以讓網頁工程師更輕鬆的開發出更符合現代需求的網站，圖片與嵌入網頁一直都是最拖累網站載入速度的元素，過去為了加速載入網站...
#Native_Lazyload #NativeLazyload #HTML_loading #loading #HTML新屬性 #HTML屬性 #新屬性 #屬性 #原生延遲載入功能 #原生延遲載入 #原生 #延遲載入 #純HTML #HTML #Google_Chrome #GoogleChrome #Chrome #軟體應用 #瀏覽器 #網站技術 #架站程式 #WordPress #WP
萌芽綜合天地
Native Lazyload：原生延遲載入功能登場！純 HTML 就能做到！ – 萌芽綜合天地
隨著瀏覽器不斷的進步，新技術可以讓網頁工程師更輕鬆的開發出更符合現代需求的網站，圖片與嵌入網頁一直都是最拖累網站載入速度的元素，過去為了加速載入網站，我們運用 JavaScript 延遲載入 （圖片） 或 （嵌入網頁），舉例來說有 Intersection Observer API 可以做到，還有 scroll、
🆕 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/1545.html
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🎨CSS】
很多人都想用最簡單的方式達成網頁元素水平垂直置中、置中央，其實只要純 CSS 就可以做到囉...
#純CSS #網頁元素水平垂直置中 #網頁元素 #水平垂直置中 #置中 #網頁元素置中央 #置中央 #HTML #CSS #網站技術
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🎨CSS】
很多人都想用最簡單的方式達成網頁元素水平垂直置中、置中央，其實只要純 CSS 就可以做到囉...
#純CSS #網頁元素水平垂直置中 #網頁元素 #水平垂直置中 #置中 #網頁元素置中央 #置中央 #HTML #CSS #網站技術
萌芽綜合天地
純 CSS 做到網頁元素水平垂直置中、置中央 – 萌芽綜合天地
很多人都想用最簡單的方式達成網頁元素水平垂直置中、置中央，其實只要純 CSS 就可以做到囉！這邊直接示範把網頁元素置於整個網頁畫面的中央位置，這樣如果你要做其他的運用也只要簡單修改就可以做到。 這邊首先要把 、 設定為寬高都為 100%，接著建立一個 容器設定 display 為 flex，接著設定兩個屬性給這個容器： align-items 是垂直方向對齊；
🆕 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/1573.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取...
#將HTML網頁上的區塊轉換成JPG圖檔 #HTML網頁 #網頁區塊 #區塊擷取成影像 #html2canvas #Canvas #JPG圖檔 #JPG #圖檔 #HTML #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取...
#將HTML網頁上的區塊轉換成JPG圖檔 #HTML網頁 #網頁區塊 #區塊擷取成影像 #html2canvas #Canvas #JPG圖檔 #JPG #圖檔 #HTML #JavaScript #JS #網站技術
萌芽綜合天地
JavaScript：將 HTML 網頁上的區塊轉換成 JPG 圖檔 – 萌芽綜合天地
這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取下來成圖檔。開發上只需要用到「html2canvas」這款 JavaScript 函式庫，它能將 HTML 元素轉換成 Canvas，接著再直接用瀏覽器幫忙轉換成 JPG 圖檔並給予品質（最差為 0，最佳為 1），最後自動導出並下載，
🆕 https://mnya.tw/cc/word/1576.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
萌芽綜合天地
JavaScript：偵測系統深色模式/淺色模式 – 萌芽綜合天地
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以抓取現在的模式，進而做到改變網頁內容／樣式。這在做網頁深色模式與淺色模式（或者說「黑暗模式」和「明亮模式」）上非常有幫助，使用者基本上不用自行切換，直接透過系統的偏好值顯示對於使用者來說最合適的色彩主題。
🆕 https://mnya.tw/cc/word/1716.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML】
學過網頁的人都知道 HTML 中的 <a> 標籤是用來做連結的，而我們有時會需要在網頁中導引訪客連結至一個檔案，而該檔案有可能是 DOCX、PPTX 或 PDF 等...
#a #download屬性 #download #屬性 #讓連結可直接執行下載 #連結 #下載 #HTML #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML】
學過網頁的人都知道 HTML 中的 <a> 標籤是用來做連結的，而我們有時會需要在網頁中導引訪客連結至一個檔案，而該檔案有可能是 DOCX、PPTX 或 PDF 等...
#a #download屬性 #download #屬性 #讓連結可直接執行下載 #連結 #下載 #HTML #網站技術
萌芽綜合天地
HTML <a> download 屬性讓連結可直接執行下載 – 萌芽綜合天地
學過網頁的人都知道 HTML 中的 <a> 標籤是用來做連結的，而我們有時會需要在網頁中導引訪客連結至一個檔案，而該檔案有可能是 DOCX、PPTX 或 PDF 等，而某些檔案瀏覽器因為無法預覽會直接跳出下載，然而像是 PDF 這種可預覽的格式則會直接給訪客進入預覽，但有時候開發者可能更希望訪客是直接下載這些檔案的，因此就可以透過新增download 屬性讓連結可直接執行下載！
🆕 https://mnya.tw/cc/word/1720.html
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🎨CSS , 🟪Bootstrap】
近期 Bootstrap 穩定版已經開發到 5.1 了！不過很多人還是用較舊的版本在進行網頁的開發，而我自己在用 Bootstrap 3.4.1 做面板（Panel）時，就發現了其一個很棒的功能...
#Bootstrap_3_4_1 #多彩改良式可折疊面板 #多彩 #改良式 #可折疊面板 #可折疊 #面板 #Panel #HTML #CSS #Bootstrap #網站技術
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🎨CSS , 🟪Bootstrap】
近期 Bootstrap 穩定版已經開發到 5.1 了！不過很多人還是用較舊的版本在進行網頁的開發，而我自己在用 Bootstrap 3.4.1 做面板（Panel）時，就發現了其一個很棒的功能...
#Bootstrap_3_4_1 #多彩改良式可折疊面板 #多彩 #改良式 #可折疊面板 #可折疊 #面板 #Panel #HTML #CSS #Bootstrap #網站技術
萌芽綜合天地
Bootstrap 3.4.1：多彩改良式可折疊面板 – 萌芽綜合天地
近期 Bootstrap 穩定版已經開發到 5.1 了！不過很多人還是用較舊的版本在進行網頁的開發，而我自己在用 Bootstrap 3.4.1 做面板（Panel）時，就發現了其一個很棒的功能，就是可折疊面板（Collapsible Panel）！面板本身分為頭（Head）、身（Body）、尾（Footer），前者可以放標題（Title）、中者可以放內容（Content）、
🆕 https://mnya.tw/cc/word/1721.html
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🟪Bootstrap】
在前端領域，最近最常被提到的一定是 Bootstrap，它是一組用於網站和網路應用程式開發的開源前端框架，也是包含了 HTML、CSS 及 JavaScript（簡稱「JS」）的框架，提供...
#介紹 #入門 #Bootstrap_5 #Bootstrap_4 #Bootstrap_3 #差別 #入門模板 #HTML #Bootstrap #網站技術
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🟪Bootstrap】
在前端領域，最近最常被提到的一定是 Bootstrap，它是一組用於網站和網路應用程式開發的開源前端框架，也是包含了 HTML、CSS 及 JavaScript（簡稱「JS」）的框架，提供...
#介紹 #入門 #Bootstrap_5 #Bootstrap_4 #Bootstrap_3 #差別 #入門模板 #HTML #Bootstrap #網站技術
萌芽綜合天地
Bootstrap 介紹與入門，Bootstrap 5 跟 Bootstrap 3 & 4 的差別 – 萌芽綜合天地
在前端領域，最近最常被提到的一定是 Bootstrap，它是一組用於網站和網路應用程式開發的開源前端框架，也是包含了 HTML、CSS 及 JavaScript（簡稱「JS」）的框架，提供排版、字體、表單、按鈕、導航、選單及其他各種元件及 JavaScript 擴充套件，目的是讓動態網頁和 Web 應用的開發更加容易。目前最新版本為 5.1.0 （2021 年 8 月 4 日發布）。
🆕 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 後即可直接使用。通常這種設計是為了方便讓使用者在看完網頁主要內容後，能快速回到最上面查看導覽列，若您的網站本身就設有固定於頂部的導覽列，可能就比較不需要這種設計。
🆕 https://mnya.tw/cc/word/1737.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS】
某些狀況之下，需要在網頁上做區塊輪播的效果，以達到一個畫面可以顯示更多資訊的目的，舉例來說：要顯示的資料過多、一次顯示在畫面上會很雜亂...
#純CSS區塊輪播效果 #純CSS #區塊輪播效果 #區塊輪播 #區塊 #輪播 #HTML #CSS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS】
某些狀況之下，需要在網頁上做區塊輪播的效果，以達到一個畫面可以顯示更多資訊的目的，舉例來說：要顯示的資料過多、一次顯示在畫面上會很雜亂...
#純CSS區塊輪播效果 #純CSS #區塊輪播效果 #區塊輪播 #區塊 #輪播 #HTML #CSS #網站技術
萌芽綜合天地
純 CSS 區塊輪播效果 – 萌芽綜合天地
某些狀況之下，需要在網頁上做區塊輪播的效果，以達到一個畫面可以顯示更多資訊的目的，舉例來說：要顯示的資料過多、一次顯示在畫面上會很雜亂。當然除此之外，還能用做圖片的幻燈片效果，重點是從頭到尾都不用碰到 JavaScript！純 CSS 搭配 HTML 就能做到囉！現在我就用一組簡易的示範來簡單描述原始碼： 這裡先用一個 <div class="slider-container"
🆕 https://mnya.tw/cc/word/1772.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網路應用 , 🖥網站技術 , 📄HTML】
試算表內容若可以輕鬆轉換為 HTML 表格（<table>）就可以輕鬆用網頁展示大量資料，為此站長特別 Google 了相關線上工具，最後...
#TABLEIZER #將試算表轉為HTML表格 #試算表 #HTML表格 #HTML_table #table #HTML #網站技術 #網路應用
【作者：萌芽站長；💻萌芽綜合天地；🌐網路應用 , 🖥網站技術 , 📄HTML】
試算表內容若可以輕鬆轉換為 HTML 表格（<table>）就可以輕鬆用網頁展示大量資料，為此站長特別 Google 了相關線上工具，最後...
#TABLEIZER #將試算表轉為HTML表格 #試算表 #HTML表格 #HTML_table #table #HTML #網站技術 #網路應用
萌芽綜合天地
TABLEIZER!：將試算表轉為 HTML 表格 – 萌芽綜合天地
試算表內容若可以輕鬆轉換為 HTML 表格（<table>）就可以輕鬆用網頁展示大量資料，為此站長特別 Google 了相關線上工具，最後找到了「TABLEIZER!」。只要將 Excel 或 Google 試算表的內容含表頭一起複製到網站的方框內，點下「Tableize It!」就可以生成 HTML 原始碼了！超快也超方便，立刻依照圖文教學嘗試看看吧！ ▲ 進入「TABLEIZER!」，
👍1
🆕 https://mnya.tw/cc/word/1810.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS】
Master 是一套由台灣人開發的前端框架，倡導虛擬 CSS（Virtual CSS）的概念，將 CSS 語法都寫在 HTML 的 class 中，這樣開發者就不用每次都還要去想怎麼命名 class，或者...
#Master #虛擬CSS #Virtual_CSS #快速製作響應式GRID格線佈局 #響應式 #響應式網頁設計 #RWD #GRID格線佈局 #GRID #格線佈局 #HTML #CSS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS】
Master 是一套由台灣人開發的前端框架，倡導虛擬 CSS（Virtual CSS）的概念，將 CSS 語法都寫在 HTML 的 class 中，這樣開發者就不用每次都還要去想怎麼命名 class，或者...
#Master #虛擬CSS #Virtual_CSS #快速製作響應式GRID格線佈局 #響應式 #響應式網頁設計 #RWD #GRID格線佈局 #GRID #格線佈局 #HTML #CSS #網站技術
萌芽綜合天地
Master：快速製作響應式 GRID 格線佈局 – 萌芽綜合天地
Master 是一套由台灣人開發的前端框架，倡導虛擬 CSS（Virtual CSS）的概念，將 CSS 語法都寫在 HTML 的 class 中，這樣開發者就不用每次都還要去想怎麼命名 class，或者修改一個 class 卻導致多處版面破壞， 非常新穎的觀念！重點是它真的超輕量化，僅僅才 13KB，因此對使用者的流量負擔極小，而且還能將 CSS 屬性縮寫，如：padding → p、
👍1
🆕 https://mnya.tw/cc/word/1811.html
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️Visual Studio Code】
「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。
「Master Styles Language Service」這個擴充功能可以幫助您使用 Master 框架開發網頁！因為這個框架採用較新穎的概念...
#Master_Styles_Language_Service #Visual_Studio_Code #VSCode #擴充功能 #Master框架 #Master #框架 #語法突顯 #完成提示 #延伸模組 #軟體應用 #網站技術 #HTML #CSS #IDE #開發工具
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️Visual Studio Code】
「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。
「Master Styles Language Service」這個擴充功能可以幫助您使用 Master 框架開發網頁！因為這個框架採用較新穎的概念...
#Master_Styles_Language_Service #Visual_Studio_Code #VSCode #擴充功能 #Master框架 #Master #框架 #語法突顯 #完成提示 #延伸模組 #軟體應用 #網站技術 #HTML #CSS #IDE #開發工具
萌芽綜合天地
Master Styles Language Service（Visual Studio Code 擴充功能）：Master 框架的語法突顯及完成提示 – 萌芽綜合天地
「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 「Master Styles Language Service」這個擴充功能可以幫助您使用 Master 框架開發網頁！因為這個框架採用較新穎的概念，也就是虛擬 CSS（Virtual CSS），會將 CSS 語法都寫在 HTML 的 class 中，
👍1