Life’s too short to build something nobody wants.
—— Ash Maurya, Running Lean: Iterate from Plan A to a Plan That Works
無障礙網頁設計在排版與色彩上需要注意的地方很多,擁有良好管理方式是促進無障礙變得更好。
src/assets/scss
在 _variables.scss 複寫 Piman 的 scss variable 即可。例如您如果使用我們的 Nuxt 範本,只需要在這個檔案覆寫變數。
https://github.com/ya-sai/piman-nuxt2-template/blob/main/assets/scss/base/_variables.scss
Give someone a program, you frustrate them for a day; teach them how to program, you frustrate them for a lifetime.
—— David Leinweber
開發元件是如此的有趣、有意義,以至於開發者會無時無刻在腦海裡邊寫程式,只為了好用。
在 src/components 建立 .vue 檔。
naming style:Camel Case,以 ‘Bpa’開頭,例如: BpaButton.vue
然後在 .vue 檔使用。
在 /type 資料夾內新增 newFileName}.d.ts 檔案, 然後在 /types/bpa.d.ts 裡註冊
npm run build
複製 /dist
資料夾內容到 Nuxt
import piman from “your-path/piman.umd.js
npm run dev
感謝您對 Piman 有興趣!
Piman 的目標是盡量讓通用設計的理念「Design for all」落實在網頁設計上。
在成為開發夥伴之前,請您先花一點點時間閱讀以下項目:
Issue
請先搜尋 Github 上有沒有相關 issue
有的話,可以嘗試解解看
沒有的話可以開一個新 issue
並且使用我們設定的 label
Pull Request
fork repo
clone fork
commit 訊息
feat:新功能
fix:修正 bug
refactor:coding style, project arch, 文件
revert:revert commit
unittest
DO NOT PR dist 資料夾
rebase
PR 到 dev 分支
Tag
release format:x.x.x-{y}.x