告別繁瑣的顏色變數管理,讓你的網頁配色更聰明!
作為網頁設計師或前端開發者,你是否也受夠了這種情況:每次在設計一個新網站時,總需要定義多組色彩,像是在網頁設定一個文字連結,並希望文字連結在按下前、按下後以及滑鼠 Hover 時都能有一些顏色的變化,方便用戶知道自己有沒有按過這個連結。這種情況你就需要為每個文字連結的狀態設定不同顏色 RGB 碼,一旦你要修改某個文字連結的顏色,就需要連同相關的狀態色一起調整。
告別繁瑣的顏色變數管理,讓你的網頁配色更聰明! Read More »
作為網頁設計師或前端開發者,你是否也受夠了這種情況:每次在設計一個新網站時,總需要定義多組色彩,像是在網頁設定一個文字連結,並希望文字連結在按下前、按下後以及滑鼠 Hover 時都能有一些顏色的變化,方便用戶知道自己有沒有按過這個連結。這種情況你就需要為每個文字連結的狀態設定不同顏色 RGB 碼,一旦你要修改某個文字連結的顏色,就需要連同相關的狀態色一起調整。
告別繁瑣的顏色變數管理,讓你的網頁配色更聰明! Read More »
你是否也曾遇過這個令人沮喪的問題:明明確定 PSD 檔沒有問題,但在 Photoshop 開啟 PSD 檔後,畫面卻總是帶有惱人的米黃色調?特別是升級到 Windows 11 並重新安裝 Adobe Creative Cloud 後,這種情況似乎更容易發生。
為什麼我的 Photoshop 變成黃臉婆! Read More »
如果你是中華電信的網路用戶,或是使用中華電信發行的網站憑證,這件事你可能需要注意一下。Google Chrome 瀏覽器將從今年 8 月份開始,不再「預設信任」由中華電信(HiNet)發行的新版 TLS 憑證。這聽起來可能有點複雜,但簡單來說,這可能會在某些情況下,讓你的網頁瀏覽體驗變得不那麼順暢。
Google Chrome 8 月起不再「預設信任」中華電信憑證,對你我有什麼影響? Read More »
在現今的數位時代,我們的生活與雲端服務密不可分,從社群媒體、電子郵件到線上儲存,大型科技公司扮演著舉足輕重的角色。然而,隨著科技巨頭的影響力日益擴大,關於資料隱私和國家管轄權的討論也浮上檯面,其中,美國的 CLOUD Act(《釐清境外合法利用資料法》)就是一個引發廣泛關注與爭議的法案。
你的數位隱私,美國能蓋章、歐洲能拒絕?CLOUD Act下的全球資料角力 Read More »
說到網路上的圖片分享,資深一點的網友們肯定對 ImageShack 這個名字不陌生。可愛的黃色小青蛙,曾經是我們在各大論壇、部落格裡最常見的風景。現在回想起來,就像是陪在身邊的網路老友,見證了許多美好的時刻。
還記得那隻小青蛙嗎?ImageShack,我的網路圖片回憶錄 Read More »
身為一位 Mac 使用者,你是否正在尋找一款免費、開源,且能在 macOS 上媲美 Windows 系統中 Notepad++ 的文字編輯器?又或者,你覺得 Visual Studio Code (VSCode) 功能強大卻稍嫌笨重,而內建的「文字編輯」功能又過於陽春,無法滿足開發或修護上的需求?那麼,這款在 macOS 上低調簡單的開源編輯器:CotEditor 就值得您注意。
Mac 上 Notepad++ 首選替代,輕巧、強大、免費 —— 就是 CotEditor。 Read More »
在今天的網頁設計和應用開發中,圖片的處理是一項重要且不可忽視的工作。無論是網站、移動應用還是社交媒體,過大的圖片都會拖慢頁面加載速度,影響用戶的瀏覽體驗,甚至導致用戶流失。因此,如何有效地壓縮圖片,減少文件大小,成為了每個開發者和設計師的必備技能。
Caesium Image Compressor:高效的圖片壓縮工具 Read More »
Bootstrap 是廣泛應用的前端樣式框架。一般情況下,我們可以直接使用它提供的所有功能。然而,在某些特殊專案中,你可能只需要 Bootstrap 的部分功能,例如,只需要它的自適應網格。那麼,如何根據需求自訂 Bootstrap 呢?
透過 Vite 客製化 Bootstrap:打造你的專屬樣式 Read More »
其實 cqi 的使用方式有點類似 rem 與 em 的關係。
當我們設定了 rem,就可以知道一個 em 實際是多少;當網頁需要調整整體比例時,只需要改動 rem 的值,就能讓所有使用 em 的元素跟著連動變化,維持一致的比例。也就是說,你可以簡單地將 cqi 理解成「容器內的 root 單位」
在數位設計的領域,Adobe 的創意雲長期佔據主導地位,但其高昂的訂閱費用、隱私政策變化以及封閉的生態系統促使越來越多的創作者尋找替代方案。
Adobe 替代方案:創意工作者的開源與商業軟體指南 Read More »