![[筆記] HTML 按鈕上用 after 偽元素作對角線](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] HTML 按鈕上用 after 偽元素作對角線")
[筆記] HTML 按鈕上用 after 偽元素作對角線
這邊筆記下用偽元素 Psuedo Element 來製作對角線，同時可滿足 RWD ，自動適應元素大小而變。 內容 1. transparent calc(50 Read More …
標籤: HTML5
[筆記] Email html 模版撰寫樣式注意事項
前一陣子在編輯既有的 Email html 模版給後端使用時，發現有一些 html 標籤是會被忽略的，因此要避免將 style 樣式寫在這一層。 這邊筆記下可能 Read More …
[筆記] 瀏覽器的跳轉處理之 location.href 和 location.replace
當 HTML5 的表格送出，或是點擊某個按鈕執行完一定內容後，會有機會使用到 JavaScript 來跳轉當前頁面。這邊筆記下 location.href 和 Read More …
[筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響
在 HTML 實作中，div 的滑入效果若是使用 top: -100% 來讓畫面進入的話，要小心內容若有滾軸的話，那這樣 top: -100% 回去的距離會有可 Read More …
[筆記] DOM contains 方法與 onClickOutside 的搭配使用
近期搭配 VueUse 的 onClickOutside 實作 Dialog 的時候，由於其內有其他的 absolute 元件，因此會判定為 clickOuts Read More …
![[筆記] 純 CSS Blur 創造模糊效果](https://smlpoints.com/wp-content/uploads/css-ul-li-align-center-1.jpg "[筆記] 純 CSS Blur 創造模糊效果")
[筆記] 純 CSS Blur 創造模糊效果
近期在製作模糊效果時，想說在 2024 的現在可否使用純 CSS 來製作，不用使用 svg。透過 caniuse 的相容性統計，iOS Safari, Goog Read More …
![[指南] 既存 JavaScript + HTML + CSS 原生頁面打造新功能的一些心法](https://smlpoints.com/wp-content/uploads/notes-zh-tw-en-javascript-understanding-the-weird-part-1.jpg "[指南] 既存 JavaScript + HTML + CSS 原生頁面打造新功能的一些心法")
[指南] 既存 JavaScript + HTML + CSS 原生頁面打造新功能的一些心法
這回為了要在短時間內，於既有的義大利醬料式的網站上，加上一個新功能。看見其複雜且耦合度極高的 CSS, JS 和 HTML 檔案，實在難以下手。這邊筆記下一些經 Read More …
[筆記] Chrome DevTools 改寫特定 API 的 Respose Header 加速開發
前後端分離開發時，往往會遇上 CORS 跨域問題。若是遇上是採用 session 來進行驗證的專案，那跨域設置 Cookie 和發送 Cookie 便成了一份亟 Read More …
[指南] 運用 Mkcert 簡易在本地端實現 HTTPS 連線 ( VSCode )
前端網頁開發上，常會遇上需要用 https 來進行串接其他第三方服務的場景。若是使用 http 的話，會容易被瀏覽器本身的安全性防護問題給卡住，造成開發上的痛點 Read More …
