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

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

Headless CMS （Headless Content Management System）是指只提供後台進行內容編輯的系統和介面，而其生成內容以會結構化的方式儲存

上回提到我們在本地端建好一個開發版本的 Chrome extension 後，接下來要怎麼讓它上架到商店上讓別人直接安裝呢？其實 Chrome 已經寫好一個 手把手的教學，這邊讓我們以上次開發的 extension 實際走一遍

Chrome extension 經歷過 v1, v2 後，來到了 v3，雖然曾小量接觸 v2 的版本，但 Google 對大版號的更新一向不手軟，既然如此我就從頭來開始學習開發一個 v3 的。

你有沒有疑惑過，你複製的網頁內容，為什麼會在不同的應用貼上時，產生了不一樣的結果呢？今天就來看看，你究竟複製貼上了什麼。 static/assets/clipboard-00.png

付出一定程度的記憶負載換取輸入操作，對於程式開發效率有著重要的影響。而實現記憶負載最實際的方式，就是「快捷鍵」

在最近更新個人部落格的一些記錄

網頁前端開發與日俱進，不斷有新的 web API 出現，為前端開發帶來更多不同的可能，今天要為大家介紹的是 MutationObserver。

Mac 的使用者，應該對 Spotlight 這個系統預設的啟動工具不陌生，Command + 空白鍵 的快速搜尋工具，讓使用者可以快速找到電腦中的檔案、應用程式，也可以做簡單的數學運算、貨幣轉換等，非常的方便。但啟動工具能否有更進一步呢？有的，答案是Raycast。