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