普通文組 2.0

閱讀筆記：核取方塊的設計準則

在閱讀 NNG 的設計準則以前，我確實沒有注意到「清單」與「巢狀」核取方塊最大的差別是什麼⋯⋯👀

透過 CSS position absolute 來實現巢狀連結

從 Nested Anchor Links using CSS 學到一招極度簡單但非常實用的技巧來實現巢狀連結，必須分享。

CSS 筆記：給 flex 的 justify-* 與 align-* 系列使用的 `safe` 關鍵字

在一些極端情況下，設定為 `justify-content center` 的容器有可能會造成 flex item 從畫面上消失，但現在你可以使用 `safe` 這個已經被主流瀏覽器支援的關鍵字來解決問題 🎉

tailwind 快速上手筆記

最近有機會在新專案試用 tailwind。而為了避免繞遠路，在正式開工前先花了點時間搜集關於這個套件的 best practice。

CSS 筆記：如何實現 display none 的漸變效果

雖然目前 Firefox 還不支援，不過已經可以靠 `@starting-style` 與 `allow-discrete` 這兩個屬性來讓元件在「從有到無、從無到有」時也能表現漸變（`transition`）效果了。