Vue - 使用 GitHub Actions 部署到 GitHub Pages

GitHub Actions 是 GitHub CI/CD 服務,當我們在推完 code 後,透過 Actions 的設定,就能幫助我們將 build 出來的檔案自動部署到 Github Pages。只要設定好後就不怕會推失敗啦~

flex-shrink 的壓縮計算

flex-shrink 是當設定 flex 的情況之下,子元素的總寬度大於父元素的寬度時,就會依比例的減去子元素的寬度空間。

XD Plugin - Selection 與 Scenegraph 運用

XD 中提供了一些可以調用的 API,可以透握 require() 引入模塊來使用。

XD Plugin 入門 - 建立與 UI 介面篇

上禮拜公司的設計師和我說,他想要有一個可以拖曳 icon 的 XD 插件,然後說 XD 文件上說只要會 HTML, CSS 和 JS 就可以做了,最後烙下一句狠話:『這個你不會做的話,那還說你是前端工程師?』聽到這句話,燃起我的熊熊鬥志,趁著清明連假、防疫之餘,就找個時間研究一下~

HTML img 也能有 bg-image 的 cover 效果

一說到讓不同寬高的圖片都可以填充在一區塊裡,大多數人應該都是先想到使用 background-image + background-size: cover。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×