還記得那隻小青蛙嗎？ImageShack，我的網路圖片回憶錄
說到網路上的圖片分享，資深一點的網友們肯定對 ImageShack 這個名字不陌生。可愛的黃色小青蛙，曾經是我們在各大論壇、部落格裡最常見的風景。現在回想起來，就像是陪在身邊的網路老友，見證了許多美好的時刻。
還記得那隻小青蛙嗎？ImageShack，我的網路圖片回憶錄 Read More »
職場君
Mac 上 Notepad++ 首選替代，輕巧、強大、免費 —— 就是 CotEditor。
身為一位 Mac 使用者，你是否正在尋找一款免費、開源，且能在 macOS 上媲美 Windows 系統中 Notepad++ 的文字編輯器？又或者，你覺得 Visual Studio Code (VSCode) 功能強大卻稍嫌笨重，而內建的「文字編輯」功能又過於陽春，無法滿足開發或修護上的需求？那麼，這款在 macOS 上低調簡單的開源編輯器：CotEditor 就值得您注意。
Mac 上 Notepad++ 首選替代，輕巧、強大、免費 —— 就是 CotEditor。 Read More »
Caesium Image Compressor：高效的圖片壓縮工具
在今天的網頁設計和應用開發中，圖片的處理是一項重要且不可忽視的工作。無論是網站、移動應用還是社交媒體，過大的圖片都會拖慢頁面加載速度，影響用戶的瀏覽體驗，甚至導致用戶流失。因此，如何有效地壓縮圖片，減少文件大小，成為了每個開發者和設計師的必備技能。
Caesium Image Compressor：高效的圖片壓縮工具 Read More »
透過 Vite 客製化 Bootstrap：打造你的專屬樣式
Bootstrap 是廣泛應用的前端樣式框架。一般情況下，我們可以直接使用它提供的所有功能。然而，在某些特殊專案中，你可能只需要 Bootstrap 的部分功能，例如，只需要它的自適應網格。那麼，如何根據需求自訂 Bootstrap 呢？
透過 Vite 客製化 Bootstrap：打造你的專屬樣式 Read More »
CSS 容器查詢單位 cqi
其實 cqi 的使用方式有點類似 rem 與 em 的關係。
當我們設定了 rem，就可以知道一個 em 實際是多少；當網頁需要調整整體比例時，只需要改動 rem 的值，就能讓所有使用 em 的元素跟著連動變化，維持一致的比例。也就是說，你可以簡單地將 cqi 理解成「容器內的 root 單位」
Adobe 替代方案：創意工作者的開源與商業軟體指南
在數位設計的領域，Adobe 的創意雲長期佔據主導地位，但其高昂的訂閱費用、隱私政策變化以及封閉的生態系統促使越來越多的創作者尋找替代方案。
Adobe 替代方案：創意工作者的開源與商業軟體指南 Read More »
比女朋友還善變的 clamp()
在處理自適應網頁的設計中，常常會遇到類似的畫面需求，我們希望字體的大小可以隨著螢幕尺寸自動變換，以滿足用戶在不同設備的閱讀體驗。遇到這種情況我們通常會使用到 vw（viewport width，可視區佔比）的單位，讓字體大小可以隨著視窗寬度變化。
史丹佛大學的網站可信度指南（Stanford Guidelines for Web Credibility）
這篇報告由史丹佛大學說服科技實驗室（Stanford Persuasive Technology Lab）經過三年的研究，收集了超過4,500人的意見，總結出提升網站可信度的十條指導原則。這些指南旨在幫助網站設計者和運營者建立更可信賴的網站，增強用戶的信任感。
史丹佛大學的網站可信度指南（Stanford Guidelines for Web Credibility） Read More »
如何透過一個 QR Code 搞定多平台下載？
在遊戲產業中，特別是手遊，為了盡可能觸及到更多的玩家，開發商通常會同時推出符合 iOS 和 Android 這兩大主流平台的應用。並將遊戲上架到對應的 Apply Store 和 Google Play 應用商店，方便玩家在自己熟悉的平台裡快速下載。然而，這裡有一個常見的問題...
如何透過一個 QR Code 搞定多平台下載？ Read More »
Cursor AI 編輯器使用一年的經驗分享：視覺設計師的角度
隨著人工智慧 (AI) 的蓬勃發展，設計師的工具也在逐步進化。作為一名網頁設計師，經常需要處理從設計到前端實現的流程。在過去，所有需要透過程式來實踐的功能對視覺設計師來說都是一道門檻，多數的情況我們會使用既有套件來解決這個問題，某種程度套件也限制的設計的可能...
Cursor AI 編輯器使用一年的經驗分享：視覺設計師的角度 Read More »