![[筆記] 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 …
分類: 網頁開發 Web Development
![[筆記] 網頁切版直播班 2020 春季班 – 第二週](https://smlpoints.com/wp-content/uploads/notes-slicing-live-broadcast-2020-hex-school-week1-1.jpg "[筆記] 網頁切版直播班 2020 春季班 – 第二週")
[筆記] 網頁切版直播班 2020 春季班 – 第二週
第二週的重點主要放在 Flex 的版型運用。從基礎的配置開始，到如何分析一張設計圖的架構，進而切出符合設計稿樣式的結果，是這一週的重點。同時，為了加速開發和熟悉 Read More …
[筆記] 網頁切版直播班 2020 春季班 – 第一週
專注於前端課程的六角學院，近期開了一個切版直播班，手把手的透過直播帶領大家釐清觀念，同時練習各種各樣的版型，大家在日後切版的速度可以更加快且準確。 第一週課程重 Read More …
![[筆記] MarkMan 跨平台 設計稿標註與量測工具](https://smlpoints.com/wp-content/uploads/notes-markman-multiple-platform-1.jpg "[筆記] MarkMan 跨平台 設計稿標註與量測工具")
[筆記] MarkMan 跨平台 設計稿標註與量測工具
前幾週在六角學院的線上課程看到有個好用的 MarkMan 線上平台工具可以使用，讓你可以輕鬆的讀取和量測圖片上的顏色、大小。雖說不能夠讀取圖片上的字體，但在不開 Read More …
![[筆記] Sass 實戰全攻略 – 11 – 自製格線系統](https://smlpoints.com/wp-content/uploads/notes-sass-walkthrough-1-introduction-1.jpg "[筆記] Sass 實戰全攻略 – 11 – 自製格線系統")
[筆記] Sass 實戰全攻略 – 11 – 自製格線系統
這一段算是額外的補充部分，但也是很實用的章節。藉由介紹、分解既有的格線系統，你也可以製作一個屬於自己的格線系統。 課程對應章節 Course 62 ～ Cour Read More …
![[筆記] CodeSandbox 線上編輯器 模擬前端框架](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] CodeSandbox 線上編輯器 模擬前端框架")
[筆記] CodeSandbox 線上編輯器 模擬前端框架
隨著前端框架的發展，當需要多人編輯、展示或是教學時，CodeSandbox 提供了一個很好的環境來給予模擬。除了 Vue 以外，React, Angular, Read More …
[筆記] Sass 實戰全攻略 – 10 – 設計模式和規範
每次專案，都提供給自己或是團隊一個可以將這些 CSS 規範給內化的機會。不過要謹記規範是死的，而人是活的，切勿為了規範而讓專案過於瑣碎，而是要力求導入規範讓工作 Read More …
[筆記] 工字型樣板，長方形依照比例縮放
這回要挑戰工字型( I-Shape )的顯示樣板。同時，上頭要疊加有個會隨著數值比例而放大縮小的一個長方形。這邊筆記下要如何用 CSS 和 Vue 的綁定 cl Read More …
![[筆記] Element-UI 的自定義表格邊框樣式](https://smlpoints.com/wp-content/uploads/notes-element-ui-customized-table-border-layout-1.jpg "[筆記] Element-UI 的自定義表格邊框樣式")
[筆記] Element-UI 的自定義表格邊框樣式
Element UI 的表格算是非常常用的模組化套件之一，不過其表格邊框樣試算是非常難以處理的。這邊筆記一下如何客製化的一些步驟(頓時覺得辦公室文書軟體要自定義 Read More …
