喜歡的 UI 就要親手做出來

  • Splitbee 的標誌

    簡單介紹輕量級訪客分析工具:Splitbee

    02-26・2023

    業界™預設的使用者分析、統計工具是 Google Analytics,然而過於臃腫又不直覺的 GA4,驅使小專案改用 Splitbee。

    📃 閱讀
  • Chakra UI 和 React-Hook-Form 的標誌

    Chakra UI 搭配 React-Hook-Form,文件上沒說清楚的地方

    02-07・2023

    Chakra UI 是很方便的 UI 套件,很容易跟 React-Hook-Form 搭配使用,兩邊的文件已經滿足 8 成的情況,但是在建立表單元件 Radio 和 Checkbox 的時候,遇到需爬文、請教才解決的問題。

    📃 閱讀
  • Astro 的標誌

    使用 Astro 打造速度飛快的靜態網站

    10-03・2022

    在蓋「Moment:看電影看劇時,聽到喜歡的音樂」專案的時候,覺得輕量級的網站,用 Markdown 語法可以滿足快速、便於更新內容的需求。Astro 目前以幾乎每天更新一次的頻率快速發展中。這篇文章是文件上找不到參考,只好到處從社群爬文記下來的做法。

    📃 閱讀
  • MDX 的標誌

    解決 MDX 元件的 TypeScript 型別問題

    09-25・2022

    MDX 可以把 markdown 所產生的標籤,用 React 元件取代。但是,若使用 TypeScript 來撰寫,很容易遇到型別錯誤。

    📃 閱讀
  • Remix 的標誌

    初次使用 Remix,搭配 mdx-bundler

    09-25・2022

    追蹤一陣子的 Remix 能夠直接以 MDX 檔案當作頁面,而且 CSS 樣式可以用 Stitches 輔助,就開始用來製作部落格。然而,以為可以簡單用 Vercel 發布網頁,卻過於陽春,而改用 mdx-bundler 又遭遇無法在 Vercel 使用的狀況,只好改用付費服務 fly.io。

    📃 閱讀
  • i18next 的標誌

    使用 i18next 的瑣碎注意事項

    06-07・2022

    i18next 的文件寫得夠完整,所以在決定作品集要做多國語系時,用這一款來輔助。這篇文章記錄文件裡找不到,只好從 Issue 和 stackoverflow 翻找的問題解方。

    📃 閱讀
  • Stitches 的標誌

    簡單介紹 CSS-In-JS 套件:Stitches

    06-05・2022

    Stitches 可以讓 CSS 樣式寫得更清楚,甚至補齊 CSS 先天沒有那麼方便的地方。這篇文章以小訣竅的方式,介紹 Stitches 的特色,包含多行使用情境與 body 樣式的切換方法。

    📃 閱讀
  • ☕️ 技術文件翻譯
  • 💬 設計文章翻譯
Intersection 標誌
Intersection

優化、插件、反饋、交互設計、高清、視頻:已經看膩這些中國用語。

  • ymcheung 的相關專案
  • ymcheung 的 Github 首頁