[筆記] HTML z-index 父層 子層 和 Stacking Context
近期在使用 z-index 堆疊效果製作 HTML 動畫時，因為一時忘記父層若設置 z-index 會額外生成 Stacking Context，進而導致顯示上 Read More …
標籤: HTML
[筆記] HTML 巢狀 div 所造成的縮排效果
若要達成層級的縮排效果，除了每層改變 padding 的大小外，還有藉由 HTML 結構來達成的方式。藉由 HTML 的巢狀結構和「相同的 CSS」設定，就可以 Read More …
[筆記] 網頁 UX 優化 – 用 Gmail 開啟一封新信件表單
網頁開發中若要開啟桌面端的郵件程式來寫信，可以使用 mailto: 語法。若你想讓使用者直接使用 Gmail 來撰寫的話，也可以額外綁一個連結來自動開啟。 程式 Read More …
[筆記] 前端特殊字元處理邏輯
前端在處理後端資料庫所送來顯示的資料時，若遇上名稱內有單引號、雙引號…等特殊字元，會需要一些額外的處理功夫來避免顯示上出現錯誤。這邊筆記下處理的相關 Read More …
[筆記] WordHTML 將 Word 排版迅速轉換成 HTML 格式
這回在開發功能時，客戶有一部分的條款說明僅提供 Word 檔，並希望其顯示效果要和 Word 排出來的越像越好。出於本能地認為，這種 Word 轉網頁版的需求一 Read More …
[指南] CSS Background Patterns 簡易單色背景 CSS 語法產生器
如果你的網站需求是需要一些單色的背景紋理圖案，來避免略顯單調的白色的話，這個 CSS Background Pattern 網站所提供的服務就非常適合。你只需要 Read More …
[筆記] 網頁跨平台文字設定 Font-Family
在網頁設定中，往往會被忽略的大概就屬 Font-Family 了。這 Font-Family 掌管著你的網頁最後呈現在使用者的瀏覽器上時，其字型究竟是怎樣被決定 Read More …
[筆記] Figma 前端 設計師協作工具簡單介紹
身為一位前端工程師，與 UI / UX 設計師合作時，往往會接觸到 Adobe XD 或是 Figma 這兩套工具。以工程師的角度來說，它可協助切版的進行，讓 Read More …
[筆記] HTML5 Input time 時間格式
近日在網頁開發時，遇上要讓使用者填寫時間的狀況。第一直覺會想到 input time ，不過這個時間格式有個隱形的坑，它的 12 / 24 小時的選項，是根據使 Read More …
