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