WordPress 只要輸入帳號與密碼就能進入管理後台，這在現在駭客攻擊愈加猖獗的年代來說是有點危險，各大社群網站與平台都開始啟用兩步驟驗證登入，難道不讓我們的 WordPress […]

站長常常關注站內的流量狀況，但從最近開始我就有發現到異常，網站出現一種神秘的現象。首先先說明我是使用 WordPress 外掛「WordPress Popular Posts」作為站內流量統計用，因為 […]

再來複習一次 JavaScript Function (函數)！這次是要輸入西元年來判斷是否為閏年，閏年指該年有 366 日（天），即較平常年份（平年）365 日多出一日，主要用來彌補因人為曆法 […]

很久沒寫程式了！來複習 JavaScript Function (函數) 吧！這次來寫 BMI 計算的函數，大家都知道 BMI 計算公式是體重（公斤）除以身高（公尺）的平方，寫成算式為「體 […]

以前在網頁上做背景毛玻璃非常麻煩，要特別在需要毛玻璃背景的元素上加偽元素 ::before，然後直接對偽元素加網頁背景影像本身 + filter: blur(5px);，數值可調整，這樣就搞定啦！但現 […]

一般來說如果網頁要使用文字的修飾線條，都會用到 CSS 的「text-decoration」屬性，不過這個傳統的屬性並沒辦法做太多動態的變化，因此這次教大家使用另一個 CSS 屬性 […]

現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以抓取現在的 […]

這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取下來成圖檔。開發上只需要用到「 […]

好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式，因此找了 GitHub 上不少慷慨工程師留下的原始 […]

GitHub 有提供一個服務叫做 GitHub Pages，用來將存放庫（Repository）構建成一個站點，意思就是在 GitHub 上建置網站，可用來展示、瀏覽靜態網站用，存放庫一旦更新網站 […]

CSS 樣式表內的 @font-face 可用來自定義字體（字型），其中有個 unicode-range 屬性用來設置 @font-face 定義字體所要使用的特定字元範圍（或者說 Un […]

昨天開始著手研究網頁字體的運用，研究了一個晚上到隔天凌晨終於完成！萌芽系列網站也已經成功套用了全新的網頁字體（Web Font）。在研究的過程中發現到一般網路上的開源字體不一定會提供每 […]

JavaScript 有個內建的事件 DeviceOrientationEvent 可用來獲得裝置陀螺儀的動向/方向資訊，結合 CSS 的 transform 就可以做到翻轉裝置使圖片三維翻轉的 […]

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

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