Morty's Blog | Web developer
新一代跨平台、高效能動畫庫 - Rive

新一代跨平台、高效能動畫庫 - Rive

本文將介紹一款非常令人驚豔的動畫庫及格式,具有非常高效能及跨平台的優勢,且具有 `狀態` 及 `可互動性` ,相關生態系已逐漸完整,常受到一些動畫庫效能困擾的人絕對可以試試! ## Rive 簡介 [Rive](https://rive.app/) 是從 flutter 社群開始發跡,主要是透過 Rive 的編輯 ...

在 VPS(VULTR) 上部屬 NestJS + PostgreSQL

在 VPS(VULTR) 上部屬 NestJS + PostgreSQL

本文詳細介紹如何將 NestJS + PostgreSQL 的 side project 從 GCP 移至 VPS 虛擬主機 - Vultr,並探討 Dock ...

CSS 圓形與橢圓形排版

CSS 圓形與橢圓形排版

最近遇到了斜橢圓形 CSS 排版的需求,查詢網路上的文章,做圓形排版或繞圓動畫主要都是用 3D 的方式進行,但我的需求其實是 2D 的,設定的目標是把圓畫出來 ...

CSS 基礎系列 4 - Block & Inline

CSS 基礎系列 4 - Block & Inline

探索 HTML 元素的兩種主要顯示方式:block 和 inline。本文深入比較這兩者在顯示和佈局上的差異,並介紹如何透過 CSS 的 display 屬性 ...

CSS 基礎系列 3 - 單位

CSS 基礎系列 3 - 單位

深入了解 CSS 的單位分類,包括絕對和相對單位。從常見的 px 到相對於字體大小的 em 和 rem,以及基於 viewport 的 vw 和 vh,本文詳 ...