![[筆記] Figma 前端 設計師協作工具簡單介紹](https://smlpoints.com/wp-content/uploads/notes-figma-introduction-1.jpg "[筆記] Figma 前端 設計師協作工具簡單介紹")
[筆記] Figma 前端 設計師協作工具簡單介紹
身為一位前端工程師，與 UI / UX 設計師合作時，往往會接觸到 Adobe XD 或是 Figma 這兩套工具。以工程師的角度來說，它可協助切版的進行，讓 Read More …
分類: 網頁開發 Web Development
![[筆記] 從 Vue CLI 3 開始建立規模化專案](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 從 Vue CLI 3 開始建立規模化專案")
[筆記] 從 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 …
![[筆記] 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 …
