![[筆記] 網頁切版直播班 2020 春季班 – 第三週](https://smlpoints.com/wp-content/uploads/notes-slicing-live-broadcast-2020-hex-school-week1-1.jpg "[筆記] 網頁切版直播班 2020 春季班 – 第三週")
[筆記] 網頁切版直播班 2020 春季班 – 第三週
本週主要講究響應式(RWD)網頁的重點，可以運用百分比、CSS、media 等等設定來確保不同螢幕大小，都有良好的使用體驗。 第三週課程重點 基礎知識 網頁要在 Read More …
分類: 網頁開發 Web Development
![[筆記] 運用 Moment.js 製作 AM / PM 時間外掛](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 運用 Moment.js 製作 AM / PM 時間外掛")
[筆記] 運用 Moment.js 製作 AM / PM 時間外掛
運用 Vue 和 Moment.js 來將 input-time 的 12 小時制時間，轉換成 24 小時制傳送到後端。 運用套件和方法 1. Vue-rout 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 …
[筆記] 網頁切版直播班 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 線上編輯器 模擬前端框架
隨著前端框架的發展，當需要多人編輯、展示或是教學時，CodeSandbox 提供了一個很好的環境來給予模擬。除了 Vue 以外，React, Angular, Read More …
[筆記] Sass 實戰全攻略 – 10 – 設計模式和規範
每次專案，都提供給自己或是團隊一個可以將這些 CSS 規範給內化的機會。不過要謹記規範是死的，而人是活的，切勿為了規範而讓專案過於瑣碎，而是要力求導入規範讓工作 Read More …
