Safari 27：AI 幫我寫瀏覽器套件，還會自動監測網頁更新 2026/06/13 升級 Safari 27 並啟用 Siri AI 後，測試了 Describe an Extension、Notify Me 與多項 WebKit 新功能。從 AI 生成瀏覽器擴充套件、語意化網頁監測，到原生 Select 樣式客製化與 text-autospace 更新，整理實際測試結果與工程角度觀察。... 繼續閱讀 使用者介面網頁設計#ai#apple#css#css3#ios#iphone#mac#RWD
有了 Chrome DevTools MCP，AI 再次學會了睜眼說瞎話 2025/09/26 探索 Chrome DevTools 最新的 MCP 功能如何整合 AI，為 Playwright MCP 這類網頁自動化帶來革命性變革。但當 AI 介入測試與開發流程，我們該全盤相信嗎？本文將透過實測經驗和工具比較，剖析其「睜眼說瞎話」的瞬間。誠邀各位 Web 開發者與 AI vibe coder 閱讀此文，獲取更具深度的開發者思維，審慎評估 AI 自動化工具的真實效益。... 繼續閱讀 網頁設計軟體產品體驗#ai#api#chrome#css#form#google#pagespeed#RWD#UserAgent#Web#爬蟲
vibe coding 實驗：自幹一套 Obsidian 網頁版，讓手機也能免費同步+編輯筆記 2025/09/24 Obsidian 跨裝置同步要月費？那就自己做一套 Obsidian 網頁版！用免費 AI 工具從零開始 vibe-coding，打造 iPhone 和 iPad 和 Windows 電腦之間跨裝置同步的雲端筆記系統。從興奮地看著 AI 生出初版，到面對各種 bug 和 GitHub API 限制...這是一場關於個人筆記自由的小小實驗。... 繼續閱讀 使用者介面文書小幫手網頁設計軟體產品體驗#ai#api#ios#iphone#js#mobile#php#RWD#UI
更新了 iOS 26 Safari 之後，打開網頁直呼 WTF 2025/07/25 Apple 的新系統推出，除了 Liquid Glass 之外，iOS Safari 的 UI 調整也讓網頁出現新的挑戰，讓網頁的 logo 或按鈕卡在不上不下的位置、滿版選單蓋不住背景內容，可以看看哪些網頁 UI 設計會成為 iOS 26 Safari 的受害者... 繼續閱讀 使用者介面網頁設計#apple#css#ios#iphone#js#mobile#RWD#UI#UserAgent#viewport
Figma Sites 從設計到網站上線一條龍，不需要寫程式碼? 2025/05/08 Figma Config 2025 正式發表了 Figma Sites，Figma 宣稱今年不用為了自訂域名、流量費用、儲存空間多花錢，看來是打算明年再來收割。讓視覺設計師直接做網站是個好主意嗎? 可以取代現有的各種千奇百怪令人痛苦的網站製作上線與維護問題，還是有各種踩不完的地雷，讓我來稍微試試... 繼續閱讀 使用者介面網頁設計視覺設計軟體產品體驗#adobe#builder#css#domain#editor#RWD#SEO#server#webhosting#wordpress
突破套版限制：SHOPLINE 電商網頁前台魔改摘要 2024/12/19 探索 SHOPLINE 電商平台的前台客製化秘訣：從基礎佈景主題到 Layout Engine，深入解析各種工具的優缺點。不只是視覺改造，更要破除「漂亮就能提升轉換率」等迷思，協助您在技術限制中打造獨特且實用的電商網站。... 繼續閱讀 數位行銷科技網頁設計視覺設計#api#builder#css#css3#editor#js#RWD
Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開 2024/02/10 2024 年 1 月底 2 月初，蘋果的空間運算設備 Apple Vision Pro 終於媒體解禁與美國開賣，這個禮拜的社群到處都是戴著滑雪鏡般外型的機體，徜徉虛擬實境世界的短影片。目前已經知道很重要的 3 點:現階段還沒有中文輸入法，而且下載 app 需要準備美區的 Apple 帳號。有些系統 UI 介面只有停止的時候才會顯示，沒辦法邊走邊用，視窗會「留在原地」，需要用手捏著視窗才能把視窗帶著走，但走動的時候，捏著的視窗會變半透明的，移動太... 繼續閱讀 使用者介面網頁設計視覺設計#apple#css#css3#HTML5#ios#RWD#UI
表格框線異常變粗之謎，調整了瀏覽器縮放比例是其中原因之一 2022/12/28 調整電腦瀏覽器縮放設定(用Ctrl+滾輪，或是從瀏覽器工具列裡面選)，或是調整 Windows 的縮放設定，只要不是 100%，網頁就會顯示得怪怪的，例如表格/儲存格的框線會粗細不一，如以下擷圖... 繼續閱讀 網頁設計#css#RWD
各部會線上登記振興加碼券竟然用了這個 真的把我嚇傻了 2020/08/16 又是內容農場標題產生器…三倍券推出後，文化部、體育署、農委會、客委會也推出各種加碼券，前幾天看到聯合新聞網的一篇新聞砸2千萬建網站、傳簡訊 農遊券最燒錢，新聞內文摘要如下：– 農遊券：網站建置再加上行銷、中籤簡訊費用，合計高達2000萬餘元，– 動滋券：花1100萬元建置網站– 藝FUN券：App建置系統花費745萬元– 客委會：用155萬元的環境系統設計費新聞內文備份(點擊之後會在新視窗開大圖)：UDN聯合報的記者用標題騙殺全國看... 繼續閱讀 數位行銷科技看新聞會與事實脫節科技新聞解析網頁設計#api#app#google#inappbrowser#map#RWD#振興券
PageSpeed 100 分又怎樣？全綠也可能在 SEO 排名輸給慢網站 2020/04/06 完整解析 PageSpeed Insights、Lighthouse 與 Core Web Vitals 的評分差異，說明實驗室跑分和真實使用者資料為什麼會互相打架。從 FCP、Speed Index、LCP、TBT、CLS、INP 到 TTFB，逐項介紹 render-blocking CSS、長時間占用主執行緒、未使用的 JavaScript、圖片傳送效能、字型載入、快取生命週期、第三方腳本與伺服器回應時間等常見 audit，並提供 Web Font、preconnect、preload、lazy loading、content-visibility、Web Worker、WebP 與自架主機的實作範例及反向優化翻車案例。本文也會討論 PageSpeed 100 分、Coew Web Vitals 全綠與 SEO 排名之間並非直接因果，協助網站經營者找出真正的效能瓶頸，而不是看到紅字就盲目修改。... 繼續閱讀 網頁設計#cloudflare#google#js#pagespeed#RWD#SEO#webfont
