![[筆記] Vue 如何監控視窗寬度，並讓每個 component 可以取用](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue 如何監控視窗寬度，並讓每個 component 可以取用")
[筆記] Vue 如何監控視窗寬度，並讓每個 component 可以取用
Vue 的專案裡，若要監測使用者的視窗大小寬度，最簡便的方法就是在預設的根目錄 Vue 檔案裡加上監聽器，並將此值設置 vuex 中即可。 概念 1. 在根目錄 Read More …
分類: 網頁開發 Web Development
[指南] 在 Vue 專案中，修改 樣式方法
在 Vue 專案中，若要修改對於 <body> 上的樣式，會遇上一個問題：因為 vue 的框架頁面是載入在 <div id=”ap Read More …
![[筆記] Figma 前端 設計師協作工具簡單介紹](https://smlpoints.com/wp-content/uploads/notes-figma-introduction-1.jpg "[筆記] Figma 前端 設計師協作工具簡單介紹")
[筆記] Figma 前端 設計師協作工具簡單介紹
身為一位前端工程師，與 UI / UX 設計師合作時，往往會接觸到 Adobe XD 或是 Figma 這兩套工具。以工程師的角度來說，它可協助切版的進行，讓 Read More …
[筆記] 從 Vue CLI 3 開始建立規模化專案
用 Vue CLI 3，可以快速的建立一個 Vue 專案。雖說是方便，但要能夠規模化的管理 vuex, scss, vue-router 等等檔案，還是要自己手 Read More …
![[指南] Github 上的 Public APIs 列表](https://smlpoints.com/wp-content/uploads/notes-git-ignore-ds_store-files-and-so-on-gitignore-1.jpg "[指南] Github 上的 Public APIs 列表")
[指南] Github 上的 Public APIs 列表
Github 上往往會藏有許多意想不到的資源。這回挖掘到的是最近仍有 commit 記錄的一份公開 API 的列表。若你有練習或是專案上的需求，可以到這邊來查閱 Read More …
![[指南] 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 …
![[筆記] 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 …
