以下是一個長期幾乎只使用 flex 佈局的前端仔對 grid 略知皮毛後，記錄一下學習 grid 的心得

你也可以在 macOS 上使用手稿語言實現自訂功能的 UserScript，而它所使用的手稿語言，便是 AppleScript。

有程式語言的開發者，會根據使用者的反饋，實現一些能減省步驟的語法，這些語法稱為「語法糖」（Syntactic Sugar）。

把單一元件切分為父元件與一個或多個子元件，並且共享部分屬性而實現應用功能的模式，就是 Compound Component （複合元件）設計模式。作為 React 基礎元件的設計模式（design pattern）當中一種有趣的設計模式。

Google Search Console 是 Google 提供的免費服務，讓網站擁有者可以檢視自己網站中各頁面在 Google 搜尋引擎的表現、成效、是否有載入到 Google 搜尋引撆等資訊。我用上它來排查我的部落格文章在 Google 搜尋引擎中的狀況。

年度回顧有它的作用：除了可以給自己一個機會正視自己的缺失，也能藉著回顧鼓勵自己，看看自己在一年中，究竟走了多遠、成長了多少。所以我也就來回顧一下囉。

GitHub Copilot 會是非常有幫助的 AI 工具，因此我使用了魔法小卡刷下去，實際試用它的威力；在經過一個月的使用後，以下是我對 GitHub Copilot 的一些使用感受與心得。

Modern Web Conference （MWC） 作為每年度經典的網頁開發者盛會，去年因疫情停辦後，今年又重新舉辦；而在佛心我司提供少量的公關票下，讓這個自從疫情以來便沒有參與過任何實體的開發者活動的我，得到一個觀摩大神們演講的機會，也順便讓自己跟上時代的洪流。

你有沒有遇過無論如何實作動畫，畫面就是會出現卡頓的情況發生呢？在前端開發中，有一個專門處理這種情境的的屬性：will-change。

Gatsby.js 可以使用 `gatsby-transformer-remark` 和 `gatsby-remark-images` 套件實現延遲載入圖片功能，可以該 png 和 jpg 等靜態圖片，在 markdown 檔案中使用相對路徑引用圖片達成延遲載入的功能，但對於 gif 這種非靜態圖片檔案則無法使用