![[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 2](https://smlpoints.com/wp-content/uploads/notes-hexschool-ui-design.jpg "[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 2")
[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 2
近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰 Read More …
標籤: hexschool
[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 1
近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰 Read More …
![[筆記] 網頁切版直播班 2020 春季班 – 課後心得](https://smlpoints.com/wp-content/uploads/notes-slicing-live-broadcast-2020-hex-school-experience-1.jpg "[筆記] 網頁切版直播班 2020 春季班 – 課後心得")
[筆記] 網頁切版直播班 2020 春季班 – 課後心得
六角學院的網頁切版直播班的兩個月密集課程，在每週五的晚上下班後，就是找個網路穩定的地方，看著螢幕上的示範以及聊天室的即時回饋，來測試自己對於課程內容的了解程度。 Read More …
![[筆記] 網頁切版直播班 2020 春季班 – 第八週](https://smlpoints.com/wp-content/uploads/notes-slicing-live-broadcast-2020-hex-school-week1-1.jpg "[筆記] 網頁切版直播班 2020 春季班 – 第八週")
[筆記] 網頁切版直播班 2020 春季班 – 第八週
SCSS 隨著專案的規模增大，為了方便維護，會開始有內容與容器分離、結構與樣式分離，進而模組化的進程。這樣的結果，就形成了各種結構設計模式(如 SMACSS、O Read More …
![[筆記] HTML 與 PUG 線上格式轉換](https://smlpoints.com/wp-content/uploads/notes-using-gulp-to-automate-your-website-intro-1.jpg "[筆記] HTML 與 PUG 線上格式轉換")
[筆記] HTML 與 PUG 線上格式轉換
這篇筆記下網路上好用的 HTML 和 PUG 格式互相轉換的工具。若你是使用 Visual Studio，那麼也有不少好用的轉換器可供使用。 HTML 轉成 P Read More …
[筆記] 網頁切版直播班 2020 春季班 – 第七週
進入到第七週，主要是強調視差動畫效果該如何實現。透過關鍵影格(keyframe)以及 x,y,z 方向的移動，自然而然就可以完成基礎的動畫效果。 第七週課程重點 Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – 用一般 HTML 來製作樣板並排版
雖說用 pug 來進行排版算是很方便，不過對於已經習慣 HTML 標籤格式的我來說，要上手還是有一點難度。於是經過了無數測試和尋找後，最後選定用 gulp-te Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – 依照開發環境調整佈署內容
這篇筆記下如何依照開發環境來調整佈署的內容，同時在佈署前，自動先清理掉先前產出的靜態檔案內容，並依照現有的檔案來生成全新的檔案，已確保前後檔案的一致性。 交付正 Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – 架設簡易伺服器和壓縮程式碼
這篇要筆記下的是讓前端開發時可以擺脫伺服器，達成編譯完後可以自動打開瀏覽器瀏覽，同時壓縮你的程式碼。 架設 WebService 1. 先安裝 BrowserS Read More …
