![[筆記] 解決 VS Code Terminal 中無法正常顯示字體的問題](https://smlpoints.com/wp-content/uploads/notes-solving-unknown-font-in-vs-code-terminal-1.jpg "[筆記] 解決 VS Code Terminal 中無法正常顯示字體的問題")
[筆記] 解決 VS Code Terminal 中無法正常顯示字體的問題
若你是安裝 zsh 且有套用一些特定佈景主題的人，難免會有一些特殊字體出現。這篇是筆記如何解決在 Visual Studio 打開 zsh Terminal 時 Read More …
分類: 網頁開發 Web Development
![[筆記] 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 春季班 – 第七週](https://smlpoints.com/wp-content/uploads/notes-slicing-live-broadcast-2020-hex-school-week1-1.jpg "[筆記] 網頁切版直播班 2020 春季班 – 第七週")
[筆記] 網頁切版直播班 2020 春季班 – 第七週
進入到第七週，主要是強調視差動畫效果該如何實現。透過關鍵影格(keyframe)以及 x,y,z 方向的移動，自然而然就可以完成基礎的動畫效果。 第七週課程重點 Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – 用一般 HTML 來製作樣板並排版
雖說用 pug 來進行排版算是很方便，不過對於已經習慣 HTML 標籤格式的我來說，要上手還是有一點難度。於是經過了無數測試和尋找後，最後選定用 gulp-te Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – 依照開發環境調整佈署內容
這篇筆記下如何依照開發環境來調整佈署的內容，同時在佈署前，自動先清理掉先前產出的靜態檔案內容，並依照現有的檔案來生成全新的檔案，已確保前後檔案的一致性。 交付正 Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – 架設簡易伺服器和壓縮程式碼
這篇要筆記下的是讓前端開發時可以擺脫伺服器，達成編譯完後可以自動打開瀏覽器瀏覽，同時壓縮你的程式碼。 架設 WebService 1. 先安裝 BrowserS Read More …
![[指南] 如何使用 Google 所提供的 Material Icon](https://smlpoints.com/wp-content/uploads/guide-how-to-use-material-icon-1.jpg "[指南] 如何使用 Google 所提供的 Material Icon"){kind=icon}
[指南] 如何使用 Google 所提供的 Material Icon
Google 所維護的 Material icon 是一個公開且可商用的資料庫，由於是向量圖形式，所以無論螢幕尺寸是何大小，都可以輕鬆的看清楚。預設提供 SVG Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – Gulp 和 Bower 串接
Gulp 搭配上 Bower 和 Bootstrap 4 前端套件，可以快速的做到前端樣板管理。不過 Gulp 4 和前一版的作法有些不同，這邊筆記一下串接的方 Read More …
[筆記] 網頁切版直播班 2020 春季班 – 第六週
Bootstrap 是使用 mobile first 的架構，但要用 desktop first 來撰寫也是可以的。藉由格線系統的幫助下，讓排版不再是一件難事。 Read More …
