CSS Grid 教學：18 段範例學會 fr、命名區域與不靠斷點的 RWD
還在用 float 硬湊多欄版面的話，CSS Grid 只要父元素一行 display: grid 就能同時管欄與列。這篇 18 段可直接貼上的範例，帶你練 fr 與 minmax(0, 1fr)、repeat()、grid-template-areas 命名區域，以及 auto-fit 不靠斷點的卡片牆。
龐果設計｜品牌設計與網頁設計
數位策略與視覺邏輯
我們深信，好的設計不僅是視覺上的美化，更是品牌溝通的核心。龐果設計結合資訊架構與視覺邏輯，為您的品牌打造能在數位時代脫穎而出的專屬形象。
「讓視覺更純粹，讓品牌更明確。」
聚焦觀點 / Perspectives
403 Forbidden 是誰擋下的？訪客端與網站端各自的排查路線
看到 403 Forbidden，代表伺服器聽懂了請求卻依規則不給，網站多半沒壞。先用無痕視窗、換網路分清只有自己被擋還是整站被擋，訪客端確認 Cookie、VPN 與帳號權限後聯絡站方，網站端從錯誤日誌查到檔案權限、Apache 與 Nginx 存取規則、首頁檔與 Cloudflare 的 Ray ID。
Logo設計費用怎麼計算？把價格拉開好幾倍的其實不是圖案本身
兩份提案都叫 logo 設計，成品也都是一個圖案，logo設計費用卻能差上好幾倍？價格其實是提案款數、修改輪數、交付檔案、權利歸屬與交期疊起來的結果。從套餐、逐項加購、競稿與專案議價四種定價形式拆起，逐項說明每筆費用花的是什麼工、付的是什麼權利，也分清字型授權與商標規費這些另計的項目。
Logo 檔案格式怎麼選擇？網站、社群、文件與印刷各用哪一份
拿到一整包 Logo 檔案，AI、SVG、PNG、PDF 加上彩色、反白、CMYK，該開哪一份？先回答 3 個問題：出現在螢幕還是紙上、墊在淺色還是深色底、版位是寬是方還是很小。這篇對照網站、社群頭像、Email 簽名、Office、Canva 與印刷加工各自該用的檔案，並附 PNG 尺寸換算與檔名規則。
把營業額往下扣 4 層算到淨利，才知道這個月真正留下多少
營業額漲了帳戶卻沒有變多？營業額只是損益表最上面那一行，往下還要扣退貨與折讓、營業成本、營業費用、業外損益與所得稅，才是淨利。本文用示範小店的月數字逐層算出營收、毛利、營業利益與淨利，再拆解營業額成長卻沒多賺錢的 3 種情況。
想讓 script 不擋住畫面該加 defer 還是 async？先看 2 個判準
head 裡沒有屬性的 script 會擋住解析，defer 與 async 都讓下載與解析並行，差別在執行時機：defer 照文件順序在 DOMContentLoaded 前執行，async 下載完就跑、不保證順序。本文整理依賴關係與急迫性兩個判準，並拆解 inline、module 與動態腳本的陷阱。
