CSS 鬼故事
年末的時候活動總是特別多,最近在處理公司的活動網頁時遇到一個挺鬼的問題,問題在於某個網頁區塊會被莫名的加上 style="display: none !important; min-height: 0px !important; height: 0px !important;"
年末的時候活動總是特別多,最近在處理公司的活動網頁時遇到一個挺鬼的問題,問題在於某個網頁區塊會被莫名的加上 style="display: none !important; min-height: 0px !important; height: 0px !important;"
你是否也曾遇過這個令人沮喪的問題:明明確定 PSD 檔沒有問題,但在 Photoshop 開啟 PSD 檔後,畫面卻總是帶有惱人的米黃色調?特別是升級到 Windows 11 並重新安裝 Adobe Creative Cloud 後,這種情況似乎更容易發生。
為什麼我的 Photoshop 變成黃臉婆! Read More »
在現今的數位時代,我們的生活與雲端服務密不可分,從社群媒體、電子郵件到線上儲存,大型科技公司扮演著舉足輕重的角色。然而,隨著科技巨頭的影響力日益擴大,關於資料隱私和國家管轄權的討論也浮上檯面,其中,美國的 CLOUD Act(《釐清境外合法利用資料法》)就是一個引發廣泛關注與爭議的法案。
你的數位隱私,美國能蓋章、歐洲能拒絕?CLOUD Act下的全球資料角力 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 單位」
在處理自適應網頁的設計中,常常會遇到類似的畫面需求,我們希望字體的大小可以隨著螢幕尺寸自動變換,以滿足用戶在不同設備的閱讀體驗。遇到這種情況我們通常會使用到 vw(viewport width,可視區佔比)的單位,讓字體大小可以隨著視窗寬度變化。
這篇報告由史丹佛大學說服科技實驗室(Stanford Persuasive Technology Lab)經過三年的研究,收集了超過4,500人的意見,總結出提升網站可信度的十條指導原則。這些指南旨在幫助網站設計者和運營者建立更可信賴的網站,增強用戶的信任感。
史丹佛大學的網站可信度指南(Stanford Guidelines for Web Credibility) Read More »
在遊戲產業中,特別是手遊,為了盡可能觸及到更多的玩家,開發商通常會同時推出符合 iOS 和 Android 這兩大主流平台的應用。並將遊戲上架到對應的 Apply Store 和 Google Play 應用商店,方便玩家在自己熟悉的平台裡快速下載。然而,這裡有一個常見的問題...
如何透過一個 QR Code 搞定多平台下載? Read More »