知識庫

知識庫

Newbie

排序方式

  • picture

    用 Tailwind CSS 製作 3D Carousel 動畫

    不同於線型的 2D 輪播 (Carousel) 動畫,製作 3D 輪播需要考慮立體感的呈現,也就是幻燈片 (Slide) 間的前後關係,和切換的流暢度。本文將詳細解說製作 3D 輪播動畫的步驟與邏輯,並附上程式碼以供參考。

    2025-02-11

    author_avatar

    Julian Hsu

    軟體工程師

  • picture

    Dark Pattern in UX

    暗黑模式的概念於2010年,由英國UX 專家 Dr. Harry Brignull 在他自己建立的網站Darkpattern.org中,將這種欺騙使用者的介面設計稱為「暗黑模式」。

    2024-12-13

    author_avatar

    Jodie Wu

    使用者介面設計師

  • picture

    用 react-hotkeys-hook 製作快捷鍵

    本文將說明用 react-hotkeys-hook 套件實作功能快捷鍵(熱鍵)的具體步驟,以及本人在開發途中遇到的踩雷紀錄。

    2024-12-11

    author_avatar

    Julian Hsu

    軟體工程師

  • picture

    Tesler's law 複雜性守恆定律

    在設計一個產品或系統時,常常會遇到一個難題:我們應該讓它變得多簡單? 我們想要的當然是簡單易用的產品,但問題是,系統本身的「複雜性」並不會因為我們簡化它的外觀而消失。 這就是 Tesler's Law,或稱「複雜性守恆定律」的核心觀點:系統的總複雜性是無法完全消除的,這些複雜性只能被轉移,而不是消失。

    2024-11-20

    author_avatar

    Jodie Wu

    使用者介面設計師

  • picture

    如何使用 Nodemailer 寄送郵件

    本文將介紹何為 Nodemailer ,並詳述使用 Nodemailer 和 Next.js 寄送電子郵件的步驟。包括設置環境變數、郵件發送功能和創建 API。本文也提供選擇郵件服務供應商和處理附件的方法,並針對 Gmail 等服務提供了實作範例及安全性建議。

    2024-09-10

    author_avatar

    Julian Hsu

    軟體工程師

  • picture

    SVG Tutorial

    可縮放向量圖形是一種基於 XML 標準,用於描述二維向量圖形的格式。本文將解說幾個常見的 SVG 設定,並提供 XML 與呈現的圖形,幫助 SVG 初學者快速入門。對

    2024-06-28

    author_avatar

    Julian Hsu

    軟體工程師

  • picture

    Git Flow

    此篇文目標是簡單講述 Git Flow 和 GitHub Flow 的流程,以及相關名詞解說,並且附上目前開發團隊的流程慣例。

    2024-01-16

    author_avatar

    Liz

    軟體工程師

  • picture

    由淺入深,從 Solidity 智能合約到系統開發

    搜尋引擎最佳化(Search engine optimization),簡稱為 SEO,是藉由調整網站的架構或內容,提高網站在搜尋引擎內排名的行銷方法。提升網站的能見度與流量能夠打響品牌知名度和創造業績,因此所以不少網站都希望以各種形式來影響搜尋引擎的排序,讓自己的網站可以有優秀的搜尋排名。

    2024-01-08

    author_avatar

    CHEN PIN YANG

    軟體工程師