Vue | table欄位 input輸入數字呈現千位數字串寫法 不影響data裡資料為數字
問題點 工作上的專案使用Vue作為前端的框架，在撰寫有輸入數值、計算數值需求的頁面，碰上需要將inp...
程式筆記 | 插件工具 | 網站學習
工具 | 將google相簿連結轉換成可嵌入網頁之連結 Embed Google Photos
在自主練習撰寫網頁前端時，常常需要圖片去做排版與設計，有時候直接用url做嵌入會方便很多，例如在co...
sourcetree-azure-驗證-cover
教學 | sourcetree 更新 azure devops 帳戶認證
前言 YUKI公司的雲端repository使用的是 Azure DevOps，git GUI工具 ...
教學 | Agoda夥伴計畫驗證失敗?! 手動寫信驗證申請流程 Agoda Partner聯盟行銷申請
貼心提醒：趕時間（或是不想聽我廢話）的朋友可以跳過申請前的故事ㄛ！然後這篇文章是我怒火之中誕生的，所...
教學 | 如何使用 Font Awesome 提供的免費icon? 兩種方式安裝 Font Awesome 圖庫
Font Awesome 跟多數圖庫一樣有分付費與免費版本，但YUKI只用上來看，免費版本已經綽綽有餘了! 至少一個單位會提供1~3種免費的樣式供選擇，以icon的需求來說很足夠。
筆記 | CSS scroll-snap 提升滾動順暢、定位與優化使用者體驗
在設計網頁時，有時會遇上多個項目或圖片在同個區塊需做左右滑動之類的效果，而scroll-snap這個屬性就是讓左右滑動時可以定位在單個項目(圖片)上，不需要使用者手動滑動置中，也不會因為滑動速度太快以致略過。
筆記 | 簡單理解CSS font-size的相對單位 em、rem、%
在撰寫css時，文字通常都佔據頁面很大的比例，字體、字體大小、行距…等，怎麼排版與設定大小距離都是一門學問，而在css中font-size的設定不是只有絕對單位的px可以設置，更多的是相對單位可供使用，在做RWD時也能更簡單的對字體做統一的等比縮放