網頁開發 Web Development-分類文章彙整。 @地瓜大的飛翔旅程第120頁

[筆記] Vuetify 客製化製作彈出 + 滾動選單

Vuetify 的 Selection 部分，雖說是節省了建立下拉選單的時間，不過這回遇上要客製化的場合，那麼就得抽絲剝繭，將所需要的功能、程式碼和CSS取出。 Read More …

Vuetify 的 Expandsion 套件，對於製作展開選單的需求，可以立即套用。不過在其客製化標題上，要在標題左邊加上一些東西(例如 icon, 按鈕&# Read More …

六角學院的網頁切版直播班的兩個月密集課程，在每週五的晚上下班後，就是找個網路穩定的地方，看著螢幕上的示範以及聊天室的即時回饋，來測試自己對於課程內容的了解程度。 Read More …

Bootstrap 4 的前端框架，其樣式是可以透過 npm 之類的工具下載回自己的本地端，修改變數相關設定後再行輸出的。這篇要筆記下可以操作的地方，以及如何再 Read More …

SCSS 隨著專案的規模增大，為了方便維護，會開始有內容與容器分離、結構與樣式分離，進而模組化的進程。這樣的結果，就形成了各種結構設計模式(如 SMACSS、O Read More …

若你是安裝 zsh 且有套用一些特定佈景主題的人，難免會有一些特殊字體出現。這篇是筆記如何解決在 Visual Studio 打開 zsh Terminal 時 Read More …

這篇筆記下網路上好用的 HTML 和 PUG 格式互相轉換的工具。若你是使用 Visual Studio，那麼也有不少好用的轉換器可供使用。 HTML 轉成 P Read More …

進入到第七週，主要是強調視差動畫效果該如何實現。透過關鍵影格(keyframe)以及 x,y,z 方向的移動，自然而然就可以完成基礎的動畫效果。第七週課程重點 Read More …

雖說用 pug 來進行排版算是很方便，不過對於已經習慣 HTML 標籤格式的我來說，要上手還是有一點難度。於是經過了無數測試和尋找後，最後選定用 gulp-te Read More …