點燈坊

うまく使いさえすれば、時間はいつも十分にある

タグ : TailwindCSS

sticky Overview

sticky is very similar to fixed. fixed is locked at the beginning, but sticky is stuck only when scrolling to the specified position.

Integrating TEAstack with 11ty

11ty is great for JAMstack, but we have to use vanilla JavaScript and CSS to create templates. With Alpine and TailwindCSS, we can create templates by declarative style directly in HTML, and we can finally use HTMLMinifier to optimize our HTML under production mode.

實作 Menu Treeview

Menu 若使用 Treeview,通常都是 URL 即可,若要能支援無限階層,則必須在 Component 內 Recursive 使用自身 Component。

實作唯讀 Treeview

若資料本身具有階層特性,則適合使用 Treeview 呈現,若要能支援無限階層,則必須在 Component 內 Recursive 使用自身 Component。

實作可編輯 Treeview

若資料本身具有階層特性,則適合使用 Treeview 呈現,若要能支援無限階層,則必須在 Component 內 Recursive 使用自身 Component。