![[筆記] Figma 前端 設計師協作工具簡單介紹](https://smlpoints.com/wp-content/uploads/notes-figma-introduction-1.jpg "[筆記] Figma 前端 設計師協作工具簡單介紹")
[筆記] Figma 前端 設計師協作工具簡單介紹
身為一位前端工程師，與 UI / UX 設計師合作時，往往會接觸到 Adobe XD 或是 Figma 這兩套工具。以工程師的角度來說，它可協助切版的進行，讓 Read More …
標籤: CSS
![[筆記] 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 …
![[筆記] 工字型樣板，長方形依照比例縮放](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 工字型樣板，長方形依照比例縮放")
[筆記] 工字型樣板，長方形依照比例縮放
這回要挑戰工字型( 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 …
[筆記] 寫於 CSS 背景圖片路徑如何設定透明度
若你的背景圖片是使用 CSS 寫入路徑的，那麼如何調整其圖片透明度呢？這篇既載一下其操作方法。 示範程式碼 [crayon-67d179306a81108870 Read More …
![[筆記] HTML 表格 Table 的 tr td th 用法](https://smlpoints.com/wp-content/uploads/notes-html-table-how-to-use-tr-td-th-1.jpg "[筆記] HTML 表格 Table 的 tr td th 用法")
[筆記] HTML 表格 Table 的 tr td th 用法
HTML 中的表格格式，標頭常見的有 tr, td, th, thead, tbody。這篇是筆記一個表格其結構組成。 示範 [crayon-67d179306 Read More …
運用 Node.js 建網站的初始化步驟
AlphaCamp 的課程進入到第三學期後期，趁機整理一下如何運用 Node.js 來建立一個簡單網站的步驟(包含前端畫面、後端資料庫、登入頁面、串接API以及 Read More …
