![[筆記] MJML 製作 Email 模版的得力助手](https://smlpoints.com/wp-content/uploads/notes-mjml-make-your-own-email-template-1-200x200.jpg "[筆記] MJML 製作 Email 模版的得力助手")
[筆記] MJML 製作 Email 模版的得力助手
MJML 可以降低你在開發 Email 模版上的難度，畢竟 Email 能支援的 CSS 語法比起網頁瀏覽器限制更多。例如網頁端上常見的 Flex 、 Grid Read More …
標籤: HTML
![[筆記] HTML Favicon 適用性](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] HTML Favicon 適用性")
[筆記] HTML Favicon 適用性
Favicon 便是出現在網頁瀏覽器分頁左上角那個小小的圖示，這邊筆記下可以用的格式以及相容性相關的內容。 內容 根據 W3C 所提供的定義文件，附檔名和 ty Read More …
[筆記] Vue3 產生可點擊的長方形按鈕以及動態區塊長度
這回在實務上，需根據資料生出一群可供點擊的長方形按鈕以及分群的區塊長度。這邊筆記下關鍵思維和實作方式。 內容 1. 改變 <label> 樣式，並依 Read More …
[筆記] iOS Safari 對應 input 框自動放大的解決方法
iOS 蘋果手機上的 Safari 瀏覽器，用於解析 HTML 的 <input> 標籤時，會有自動放大以讓使用者看的清楚的現象。不過這樣對使用者友 Read More …
[筆記] HTML Input Date 最小值 最大值於 Safari 上失效
這回要實作一個表單時，想說不要額外引入一個 DatePicker 日期套件，用原生的 <input type=”date”> Read More …
[筆記] HTML z-index 父層 子層 和 Stacking Context
近期在使用 z-index 堆疊效果製作 HTML 動畫時，因為一時忘記父層若設置 z-index 會額外生成 Stacking Context，進而導致顯示上 Read More …
[筆記] HTML 巢狀 div 所造成的縮排效果
若要達成層級的縮排效果，除了每層改變 padding 的大小外，還有藉由 HTML 結構來達成的方式。藉由 HTML 的巢狀結構和「相同的 CSS」設定，就可以 Read More …
[筆記] 網頁 UX 優化 – 用 Gmail 開啟一封新信件表單
網頁開發中若要開啟桌面端的郵件程式來寫信，可以使用 mailto: 語法。若你想讓使用者直接使用 Gmail 來撰寫的話，也可以額外綁一個連結來自動開啟。 程式 Read More …
[筆記] 前端特殊字元處理邏輯
前端在處理後端資料庫所送來顯示的資料時，若遇上名稱內有單引號、雙引號…等特殊字元，會需要一些額外的處理功夫來避免顯示上出現錯誤。這邊筆記下處理的相關 Read More …
