很多人都想用最簡單的方式達成網頁元素水平垂直置中、置中央，其實只要純 CSS 就可以做到囉！這邊直接示範把網頁元素置於整個網頁畫面的中央位置，這樣如果你要做其他的運用也只要簡單修改就可 […]

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 之前開發 JavaScript 就有找到一款擴充功能（參考：Bracket Pair Color […]

我在《WordPress 外掛推薦列表（2016、2017舊版）》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」，這款外掛可以幫助網站主記錄 […]

開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS 目 […]

這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」，同場加映 3 秒後恢復原狀！會使用到 getElementById 取得按鈕 ID，接著運用 […]

隨著瀏覽器不斷的進步，新技術可以讓網頁工程師更輕鬆的開發出更符合現代需求的網站，圖片與嵌入網頁一直都是最拖累網站載入速度的元素，過去為了加速載入網站，我們運用 JavaScript 延遲載入 […]

人總是遇上困難才知道如何去解決它，這次我碰上了！本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點，我的天呀！一下子網站一堆東西都失效了！導覽列、黑暗模式 […]

JSX 常常被使用在 ⚛️ React 中，React 官方文件給了一段原始碼： const element = <h1>Hello, world!</h1>; 官方 […]

🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術！因此萌芽站長就決定應用它來製作現在非常 […]

我們學習新事物的時候常常會卡在輔助工具過多，基礎都還沒搞懂就被一大堆的工具搞得很頭痛，一下子就會失去學習的動力，寫程式就是要能跑出東西來，如果一下子卡了一堆輔助工具都還不會用，跑不出東西真的 […]

網頁上也能使用 Emoji（表情貼／表情符號），網頁原生表情貼就是直接採用系統內建的圖示，但 Emoji 發展得相當快速，有時候系統更新速度常常不夠快，導致部分 Emoji 顯示錯誤，而且系統原 […]

作為 PHP 初學者，從 HTML 表單傳值開始學算是一個不錯的起點，首先我們要在一個純網頁（.html）上建立兩個表單，一個使用 GET，另一個使用 POST，兩個都將值傳到 form.php 中 […]

這次簡單用 JSP 寫一個 X 與 Y 的加減乘除自訂函數，並設定 X 與 Y 的變數用來決定其值，最後將結果輸出，就是這麼簡單！ JSP 開頭必須加上以下原始碼才能正確顯示中文唷 […]

這邊簡單使用 JSP 製作一個可以顯示 nxn 乘法表的網頁，由於本站採用的原始碼強調功能擴充「Prism 」不支援 JSP，因此改用 GitHub Gist 展示，僅供參考。 整數變 […]

「instant.page」是一款相當輕量的 JavaScript 程式，利用 CDN 的方式放入自己的網站，就可以加速網頁載入速度，怎麼這麼神奇呢？原來是利用我們從觸碰連結到點擊 […]