職場君

優化標題排版：text-wrap: balance 讓每一行都恰到好處

網頁設計三兩事, 職場君 / 作者: /

在網頁設計中，設計師經常會遇到一種情況：標題因為 RWD 自適應寬度出現變化，將最後一個字或兩個字擠到第二行，形成版面上的孤行。孤行不僅會破壞版面的平衡，也讓閱讀節奏變得奇怪。過去我們可能要透過手動插入
或調整字級並定義複雜的樣式來解決這個問題，但現在，CSS 帶來了更聰明的解決方案：text-wrap: balance。

優化標題排版：text-wrap: balance 讓每一行都恰到好處 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：高效的圖片壓縮工具

好工具不嫌少, 職場君 / 作者: /

在今天的網頁設計和應用開發中，圖片的處理是一項重要且不可忽視的工作。無論是網站、移動應用還是社交媒體，過大的圖片都會拖慢頁面加載速度，影響用戶的瀏覽體驗，甚至導致用戶流失。因此，如何有效地壓縮圖片，減少文件大小，成為了每個開發者和設計師的必備技能。

Caesium Image Compressor：高效的圖片壓縮工具 Read More »

CSS 容器查詢單位 cqi

網站三兩事, 網頁設計三兩事 / 作者: /

其實 cqi 的使用方式有點類似 rem 與 em 的關係。

當我們設定了 rem，就可以知道一個 em 實際是多少；當網頁需要調整整體比例時，只需要改動 rem 的值，就能讓所有使用 em 的元素跟著連動變化，維持一致的比例。也就是說，你可以簡單地將 cqi 理解成「容器內的 root 單位」

CSS 容器查詢單位 cqi Read More »

如何透過一個 QR Code 搞定多平台下載？

網頁設計三兩事, 職場君 / 作者: /

在遊戲產業中，特別是手遊，為了盡可能觸及到更多的玩家，開發商通常會同時推出符合 iOS 和 Android 這兩大主流平台的應用。並將遊戲上架到對應的 Apply Store 和 Google Play 應用商店，方便玩家在自己熟悉的平台裡快速下載。然而，這裡有一個常見的問題...

如何透過一個 QR Code 搞定多平台下載？ Read More »

返回頂端