CSS :has() 選擇器
我們寫 CSS 時常常需要往下層選元素，例如「套用樣式到 <article> 底下的 <h1>」。如果能根據下層元素改變上層的樣式，一定很方便吧？這樣的需求，現在可以透過純 CSS 做到囉！CSS :has() 選擇器某種程度可以做到「往上層選」的效果，快來看看怎麼用吧。
閱讀全文Blog Posts
以 <dialog> 實作 Modal Dialog
以往實作 modal dialog 時，通常得搭配 position: fixed 以及 z-index，做出「覆蓋在目前畫面之上」的對話框。如今只要透過 <dialog> 元素，就可以更輕鬆地做到同樣效果喔！
閱讀全文透過 Array.at 存取陣列裡的值
一講到透過 index 存取 JavaScript 陣列裡的值，應該不少人第一個念頭是用 bracket notation（中括號）吧？今天要介紹另一個方法：Array.at。雖然它用起來跟 bracket notation 非常像，但它有兩個額外的優勢。
閱讀全文讓人一看就想回覆的誠懇提問術
去年起有幸跟一位發問技巧高超的夥伴共事。觀察對方如何發問，再對比自己和其他同事問問題的方式後，發現有許多值得學習之處。於是我把觀察到的發問技巧，加上我自己的心得，整理成一篇文章，供大家參考。
閱讀全文從 Medium 到自架部落格
從 2018 年開始在 Medium 寫文章後，我的寫作頻率逐年下滑。回顧起來，我認為根本原因是在 Medium 寫技術文章的體驗不佳。因此，我決定脫離 Medium 經營自己的部落格。歡迎舊雨新知到 mingjun.lu 觀看文章。
閱讀全文你的 onscroll 不是你的 onscroll
前陣子同事處理滾動事件時，發現了 window.onscroll 跟 document.body.onscroll 的奇妙關係。我覺得很有趣，便嘗試釐清背後的原因，整理後跟大家分享。
閱讀全文2020 非本科轉職前端工程師心得
先介紹我的背景。我 1993 年出生，大學唸心理諮商。大學畢業、役畢之後，第一份工作是在公共衛生研究所擔任研究助理，可以說是完全與工程師無關的經歷。2018 年 8 月我開始接觸網頁前端開發，學習時長約一年半，中途一度個人因素沈澱了半年，最終在 2020 年 6 月順利轉職成為網頁前端工程師。
閱讀全文使用 WebP 格式減少圖片載入時間
圖片通常是消耗網路流量、減緩頁面載入速度的頭號嫌犯，而圖文並茂的部落格、展示眾多商品的電子商務網站往往深受其害。要解決這個問題，其中一種常見的做法是壓縮圖片，也就是幫圖片「瘦身」。
閱讀全文Lazy Loading 延遲載入圖片
Lazy loading（延遲載入）是網頁開發很實用的技巧，如果用在圖片很多的網站，不僅可以大幅提升頁面載入速度，還能節省使用者和伺服器雙方的網路流量。
閱讀全文怎麼解構巢狀 JavaScript 物件？
解構賦值（destructuring assignment）是滿常用到的 ES6 語法，不過最近發現自己遇到巢狀的物件時，還是常常忘記怎麼寫。來記錄一下。
閱讀全文macOS Mojave Wi-Fi 認證視窗無法載入
前陣子升上 macOS Mojave 之後，一直有個問題困擾著我：當我連線到需要認證的 Wi-Fi 熱點時，自動彈出的認證視窗無法載入頁面。
閱讀全文讓 Python 自動提醒你幫電腦充電
為了減緩手機和筆電電池的衰退速度，網路上流傳神秘的「40–80 法則」。簡單來說，盡可能讓電量維持在 40–80%，就能延長電池壽命。至於你信不信，反正我是信了啦！
閱讀全文用 HTML 與 CSS 製作簡易導覽列（下）
我們在上一篇文章分別用 flexbox 和 inline-block 做出導覽列，這次我們要用 float 試試看。
閱讀全文用 HTML 與 CSS 製作簡易導覽列（中）
繼上一篇文章做出導覽列的雛形後，現在要繼續往前囉！我們在這篇文章會分別用 flexbox 和 inline-block，讓導覽列裡的清單項目並排，並讓導覽列水平置中。
閱讀全文用 HTML 與 CSS 製作簡易導覽列（上）
導覽列 (navbar) 是網頁很常見的元素。學會 HTML 和 CSS 基本的語法後，來試著做一個簡單的 navbar 看看吧！
閱讀全文HTML 初學疑問：網頁變亂碼怎麼辦？
最近初學 HTML，按照國外課程的教學寫了 Hello World。一切都很正常，直到我把文字改成中文（母語還是比較親切嘛）⋯⋯它就變成一堆亂碼。
閱讀全文Python 初學疑惑：For 迴圈怎麼用？
繼函式通關後，for 迴圈笑著向我招手。我學 while 迴圈的時候還沒卡住，可能因為 while 這個字比較好理解它的意思吧？「當發生什麼事的時候，就怎樣怎樣。」但是 for 迴圈好像就沒那麼直覺了。
閱讀全文Python 初學疑惑：為什麼要用函式？
書上寫說，函式能讓程式碼比較不雜亂，之後要修改也比較方便。不過我當時覺得這說法好抽象，完全無法體會。如果你也有類似疑惑的話，沒關係，我們來看看這個例子
閱讀全文