讓按鈕在移動設備上更大一些

Tailwind CSS 的作者 Adam Wathan 在 Build UIs that don't suck 系列中又分享了一個很實用的小技巧。作者提到網頁中的一些按鈕設計，在桌面設備上可能會小一點以求美觀與符合頁面設計，對於可以精準點擊的滑鼠游標...
Tailwind CSS CSS

在 Tailwind CSS 中使用 CSS 變數來設定邊框圓角

Tailwind CSS 的作者 Adam Wathan 最近宣布要製作一系列短影片 - Build UIs that don't suck，來分享一些使用 Tailwind CSS 的小技巧。他提到這些技巧他已經使用了許多年，在開發許多 UI 組件時也很常利用這些...
Tailwind CSS

期待已久的新功能，簡單介紹 Svelte 的 Class Attributes

如果你跟我一樣是 Tailwind CSS 的愛好者，或是喜歡使用 Utility First 的 CSS 框架，那麼 Svelte 5.16 的新功能「Class Attributes」一定會讓你感到興奮。透過這個新功能，我們能更輕鬆的根據不同條件來動態調整樣...
Svelte Tailwind CSS

用 TypeScript 來寫個互動視窗

最近常常遇到一些過去曾遇到的技術問題，讓我很常在自己的部落格上翻找過去所寫的文章。次數一多後，我總覺得自己部落格上的程式碼區塊很窄。如果程式碼中某行字數太多，我就需要來回滾動捲軸來查看完整的程式碼，這...
TypeScript Tailwind CSS Bootstrap

使用 TypeScript 寫一個複製程式碼的按鈕

前陣子突然想到，部落格文章中的程式碼區塊 (Code Block) 還沒有按鍵複製的功能。雖然程式碼區塊高亮工具 Prism.js 有提供複製程式碼的套件，不過感覺這個功能並不會太難寫 (菜雞的謎之自信)，因此決定自己用 TypeSc...
TypeScript Tailwind CSS

將部落格從 Bootstrap 5 改版至 Tailwind CSS 的心得

又發了一篇關於前端的文章，真的是不務正業的後端 😅，但分類在日常分享應該沒關係吧？講古一下，雖然不是很重要 😂。其實這個部落格最一開始，是參考 Laravel China 的課程，使用 Laravel 6 與 Bootstrap 4 開發的...
Bootstrap Tailwind CSS 閒聊 Laravel

再見 2020！小弟的 2021 年的目標與對自己的期許

在說說 2021 年的目標之前，先來回顧自己的 2020 年。2020 年回顧2020 這一年，真的是多事之秋，但就對我個人來說，2020 年算是重新開始的一年。在 2019 年底，我因為個人生涯規劃離職 (應該每個人離職的理由都是寫...
閒聊 TypeScript Tailwind CSS PHP