![[指南] Iconmonstr 超過 4000 種的圖示 SVG, EPS, PSD, PNG 支援](https://smlpoints.com/wp-content/uploads/guide-iconmonstr-commercial-non-commercial-use-4000-icons-with-svg-eps-psd-png-1.jpg "[指南] Iconmonstr 超過 4000 種的圖示 SVG, EPS, PSD, PNG 支援"){kind=icon}
[指南] Iconmonstr 超過 4000 種的圖示 SVG, EPS, PSD, PNG 支援
Iconmonstr 所提供的圖示有著 Fill / Bold / Thin 三種類型，同時又可進行商業和非商業的使用。除了可提供的檔案格式眾多外，圖示的數量也 Read More …
分類: 網頁開發 Web Development
![[筆記] CSSgram – 輕鬆套用 Instagram 上的濾鏡效果](https://smlpoints.com/wp-content/uploads/notes-cssgram-apply-your-image-with-instagram-filter-effect-1.jpg "[筆記] CSSgram – 輕鬆套用 Instagram 上的濾鏡效果")
[筆記] CSSgram – 輕鬆套用 Instagram 上的濾鏡效果
Instagram 是近幾年相當熱門的社群，其一大特色就是其豐富的照片濾鏡效果，有好心人士將其效果用 CSS 給做出來了。你只需要簡單的套用一支 CSS，並且放 Read More …
![[筆記] Palettable 互動式的挑選配色工具](https://smlpoints.com/wp-content/uploads/notes-palettable-to-pick-your-color-matching-through-interactions-1.jpg "[筆記] Palettable 互動式的挑選配色工具")
[筆記] Palettable 互動式的挑選配色工具
雖說網路上的配色工具有百百種，但 Palettable 是一個用互動方式讓使用者來挑選顏色配置的方便工具。對於完全沒有美術觀念的我來說，靠著它背後的演算邏輯，配 Read More …
![[筆記] Bootstrap 5 Alpha 版本上線囉 來看看新增些什麼](https://smlpoints.com/wp-content/uploads/notes-bootstrap-5-alpha-version-released-1.jpg "[筆記] Bootstrap 5 Alpha 版本上線囉 來看看新增些什麼")
[筆記] Bootstrap 5 Alpha 版本上線囉 來看看新增些什麼
身為前端的熱門框架 – Bootstrap，在 2020 年的 6 月終於推出了第五世代的測試版本，有興趣的可以先上官網下載來玩玩看。新版本和目前的 Read More …
![[筆記] Vuetify 客製化製作彈出 + 滾動選單](https://smlpoints.com/wp-content/uploads/notes-vuetify-expansion-custom-header-with-icons-1.jpg "[筆記] Vuetify 客製化製作彈出 + 滾動選單"){kind=icon}
[筆記] Vuetify 客製化製作彈出 + 滾動選單
Vuetify 的 Selection 部分，雖說是節省了建立下拉選單的時間，不過這回遇上要客製化的場合，那麼就得抽絲剝繭，將所需要的功能、程式碼和CSS取出。 Read More …
[筆記] Vuetify Expansion 客製標題按鈕
Vuetify 的 Expandsion 套件，對於製作展開選單的需求，可以立即套用。不過在其客製化標題上，要在標題左邊加上一些東西(例如 icon, 按鈕&# Read More …
![[筆記] 網頁切版直播班 2020 春季班 – 課後心得](https://smlpoints.com/wp-content/uploads/notes-slicing-live-broadcast-2020-hex-school-experience-1.jpg "[筆記] 網頁切版直播班 2020 春季班 – 課後心得")
[筆記] 網頁切版直播班 2020 春季班 – 課後心得
六角學院的網頁切版直播班的兩個月密集課程，在每週五的晚上下班後，就是找個網路穩定的地方，看著螢幕上的示範以及聊天室的即時回饋，來測試自己對於課程內容的了解程度。 Read More …
![[筆記] 如何客製化自己的 Bootstrap 設定檔](https://smlpoints.com/wp-content/uploads/notes-how-to-customise-your-bootstrap-1.jpg "[筆記] 如何客製化自己的 Bootstrap 設定檔")
[筆記] 如何客製化自己的 Bootstrap 設定檔
Bootstrap 4 的前端框架，其樣式是可以透過 npm 之類的工具下載回自己的本地端，修改變數相關設定後再行輸出的。這篇要筆記下可以操作的地方，以及如何再 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 …
