![[筆記] jQuery css 加入 !important 的注意事項](https://smlpoints.com/wp-content/uploads/guide-do-you-need-jquery-1.jpg "[筆記] jQuery css 加入 !important 的注意事項")
[筆記] jQuery css 加入 !important 的注意事項
近期在使用 jQuery 來控制 css 時，一時不察忽略了其本身對於 css 字串的解析，導致花費很多時間除錯。這邊筆記下若要用 jQuery 加入 !imp Read More …
標籤: CSS
![[指南] 版本大更新 Stylelint 14 – 檢測並修正專案的 CSS 格式](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[指南] 版本大更新 Stylelint 14 – 檢測並修正專案的 CSS 格式")
[指南] 版本大更新 Stylelint 14 – 檢測並修正專案的 CSS 格式
Stylelint 在 2021 年的 10 月底迎來了重大版本升級，與其搭配的 Visual Studio Extension 套件 – Styl Read More …
![[指南] CSS Background Patterns 簡易單色背景 CSS 語法產生器](https://smlpoints.com/wp-content/uploads/guide-css-background-patterns-generator-1.png "[指南] CSS Background Patterns 簡易單色背景 CSS 語法產生器")
[指南] CSS Background Patterns 簡易單色背景 CSS 語法產生器
如果你的網站需求是需要一些單色的背景紋理圖案，來避免略顯單調的白色的話，這個 CSS Background Pattern 網站所提供的服務就非常適合。你只需要 Read More …
![[筆記] Figma 前端 設計師協作工具簡單介紹](https://smlpoints.com/wp-content/uploads/notes-figma-introduction-1.jpg "[筆記] Figma 前端 設計師協作工具簡單介紹")
[筆記] Figma 前端 設計師協作工具簡單介紹
身為一位前端工程師，與 UI / UX 設計師合作時，往往會接觸到 Adobe XD 或是 Figma 這兩套工具。以工程師的角度來說，它可協助切版的進行，讓 Read More …
![[筆記] CSSgram – 輕鬆套用 Instagram 上的濾鏡效果](https://smlpoints.com/wp-content/uploads/notes-cssgram-apply-your-image-with-instagram-filter-effect-1.jpg "[筆記] CSSgram – 輕鬆套用 Instagram 上的濾鏡效果")
[筆記] CSSgram – 輕鬆套用 Instagram 上的濾鏡效果
Instagram 是近幾年相當熱門的社群，其一大特色就是其豐富的照片濾鏡效果，有好心人士將其效果用 CSS 給做出來了。你只需要簡單的套用一支 CSS，並且放 Read More …
![[筆記] HTML5 Input time 時間格式](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] HTML5 Input time 時間格式")
[筆記] HTML5 Input time 時間格式
近日在網頁開發時，遇上要讓使用者填寫時間的狀況。第一直覺會想到 input time ，不過這個時間格式有個隱形的坑，它的 12 / 24 小時的選項，是根據使 Read More …
[筆記] 工字型樣板，長方形依照比例縮放
這回要挑戰工字型( I-Shape )的顯示樣板。同時，上頭要疊加有個會隨著數值比例而放大縮小的一個長方形。這邊筆記下要如何用 CSS 和 Vue 的綁定 cl Read More …
![[筆記] CSS 上常見的水平置中 & 垂直置中方法](https://smlpoints.com/wp-content/uploads/css-ul-li-align-center-1.jpg "[筆記] CSS 上常見的水平置中 & 垂直置中方法")
[筆記] CSS 上常見的水平置中 & 垂直置中方法
CSS 常見的老問題之一的對齊問題，這邊筆記一下目前自己常用以及網路上流傳的各種置中方法，分為水平和垂直兩塊。 基礎知識 HTML 的元素有預設的 displa Read More …
![[筆記] 解鎖右鍵複製文字 / 避免網頁文字被複製](https://smlpoints.com/wp-content/uploads/notes-lock-and-unlock-copy-words-on-a-page-1.jpg "[筆記] 解鎖右鍵複製文字 / 避免網頁文字被複製")
[筆記] 解鎖右鍵複製文字 / 避免網頁文字被複製
禁止複製文字是一個網路普及的時代就必然會有需求的老功能了。相對的，也會有對應的破解之道。說穿了，只要明白原理，任何的防止方法都只能防君子。作出內容的差異化或是埋 Read More …
