別把行動優先做成手機放大版，該先問任務與受眾而非裝置
多數團隊把行動優先做成把手機版放大貼上桌機的公式，選單收起來、按鈕變大，卻很少有人回頭問，這真的是原始方法論要教的事嗎？桌機使用者的真實使用行為，早已給出不同的答案。
響應式設計
做了響應式設計，就等於對手機友善了嗎？
做了響應式設計，手機打開網站版面工整、按鈕沒有跑版，是不是就代表它真的好用？響應式設計只保證版面依螢幕寬度重新排列，觸控目標夠不夠大、拇指按不按得到、內容先看哪個、載入快不快、字看不看得清楚，通通不在它管轄範圍，這正是它與真正手機友善之間常被忽略的落差。
漢堡選單該不該用？依裝置與導覽深度判斷
「漢堡選單毀使用者體驗」流傳十年，但那份研究從沒說過不能用。真正該看的是裝置（桌機比手機更不適合藏起來）與導覽選項數量（4 個以下就該直接顯示），不是一刀切的好壞判斷。
Elementor 響應式教學：斷點設定與手機版調整一次搞定
Elementor 響應式排版沒設好，電腦版好看，手機版卻常常圖片超出畫面、文字擠成一團。這篇帶你搞懂斷點設定、裝置分開調整、元素顯示隱藏與響應式單位，讓網站在每種螢幕都站得住。
響應式網頁斷點設定要照機型嗎？其實看內容撐不撐得住
響應式網頁斷點設定不該照機型尺寸硬抄，行動裝置尺寸一年比一年分散，真正該問的是內容撐不撐得住。這篇整理從內容找斷點的三個步驟，還有斷點數量與 Container Queries 的判斷方式。
響應式 banner 設計：安全範圍怎麼抓，才不會裁到重點
響應式 banner 設計沒抓好安全範圍，桌機版好好的主視覺，換到手機常常被裁到只剩半張臉、按鈕整個被擠出畫面外。抓對安全範圍跟構圖邏輯，同一組素材不管裝置比例怎麼變，主體、文字、按鈕都能穩穩留在畫面裡。
CSS Grid 和 Flexbox 有什麼差異？4 個維度看懂
CSS Grid 和 Flexbox 常被誤會成排版方法要二選一，其實兩者各自負責不同維度，Grid 處理需要對齊的二維網格，Flexbox 處理只沿單一方向排列的內容，多數網站本來就會兩者一起用。
首頁改版時機怎麼判斷？5 個版面訊號先自己核對
首頁改版時機該怎麼判斷？答案不在網站用了幾年，而在版面正透露的訊號：客人重複問已寫在首頁上的問題、後台跳出率明顯偏高、手機打開按鈕擠成一團，都是該認真評估的訊號。這篇整理 5 個訊號，帶你自己核對首頁該不該重新設計。
網站改版規範，照著做就不怕網站掉搜尋排名
網站改版最怕的不是設計難看，而是排名掉了還等不到回穩。SALT.agency 分析一千零五十二筆網域遷移案例發現，恢復期中位數長達三百零四天。這篇網站改版規範整理改版前的內容盤點、改版中的 301 轉址與 canonical 設定，到上線後該盯的追蹤指標，照著清單一步步做，把排名波動的風險降到最低。
網頁製作前請注意！你的網站還想留著三大過時設計嗎？
過時網頁設計會損害使用者體驗並拖累 SEO 排名。無限瀑布流、不明確的導航列與缺乏響應式技術，是目前最常見的三類問題，及早識別並調整，能有效降低跳出率、提升轉換表現。