css - 那就改天吧

Safari 27 初探：AI 幫我寫瀏覽器套件，還會自動監測網頁更新

2026/06/13

升級 Safari 27 Beta 並啟用 Siri AI 後，測試了 Describe an Extension、Notify Me 與多項 WebKit 新功能。從 AI 生成瀏覽器擴充套件、語意化網頁監測，到原生 Select 樣式客製化與 text-autospace 更新，整理實際測試結果與工程角度觀察。...

繼續閱讀

使用者介面網頁設計

#ai #apple #css #css3 #ios #iphone #mac #RWD

把部落格後台搬進 VS Code：修圖、上傳、管理圖片、AI 產生分類與標籤一次搞定

2026/03/01

因為受不了在修圖工具、雲端後台、LocalSend、瀏覽器視窗間反覆切換，我從零打造了一個專屬自己的 VS Code 擴充套件，讓圖片上傳、壓縮、編輯、雲端管理、手機傳檔、文章 Front Matter、AI 產生描述、網站部署指令，全都在同一個視窗完成。這篇文章深入分享開發過程、架構思路以及 VS Code Extension 內部運作方式，記錄把雜亂流程變成順流一站式工作環境的完整心得。...

繼續閱讀

網頁設計軟體產品體驗

#api #app #bsp #chrome #CKEditor #ckfinder #css #css3 #editor #html #icon #mac

有了 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 #爬蟲

更新了 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

Apple Invites APP 的 Progressive Blur 漸進式模糊效果

2025/02/07

Apple 突然發佈了一個新 APP，裡面的一個 UI 設計效果剛好是之前有在關注的，在網頁前端，CSS 雖然有很多模糊效果相關的東西，但是如果要做出一模一樣的漸層模糊效果，大概都踩過這些坑，走過這些彎路...本文整理了一些目前的網頁前端解法。...

繼續閱讀

網頁設計

#apple #css #css3 #ios #iphone #UI

突破套版限制：SHOPLINE 電商網頁前台魔改摘要

2024/12/19

探索 SHOPLINE 電商平台的前台客製化秘訣：從基礎佈景主題到 Layout Engine，深入解析各種工具的優缺點。不只是視覺改造，更要破除「漂亮就能提升轉換率」等迷思，協助您在技術限制中打造獨特且實用的電商網站。...

繼續閱讀

數位行銷科技網頁設計視覺設計

#api #builder #css #css3 #editor #js #RWD

當 Elementor 賣起雲端架站平台：是自架 WordPress 網站的救星，還是高價陷阱？

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

測試瀏覽器原生 CSS Nesting 能不能完全做到 SCSS Nesting 的功能

2024/01/23

巢狀CSS (CSS nesting)終於從 Chrome 版本號 120 開始支援，去年(2023/8左右) Firefox 就支援 CSS nesting 了，以前寫 SCSS 的老人們可以放心直接寫，不用再編譯嗎? 並沒有，本文就來做一些實測。巢狀結構寫法，有時候可以提升 CSS 樣式碼的易讀性和可維護性，如下圖所示，左邊是 SCSS，右邊是編譯出來給瀏覽器看的 CSS。人類也可以直接寫出右邊的 code，但是要多打了一大堆重複的部份，反觀左邊的看起來輕便不少。如果是用程式碼...

繼續閱讀

網頁設計

#css #css3

目前正在瀏覽文章標籤：css

Safari 27 初探：AI 幫我寫瀏覽器套件，還會自動監測網頁更新

把部落格後台搬進 VS Code：修圖、上傳、管理圖片、AI 產生分類與標籤一次搞定

有了 Chrome DevTools MCP，AI 再次學會了睜眼說瞎話

更新了 iOS 26 Safari 之後，打開網頁直呼 WTF

Figma Sites 從設計到網站上線一條龍，不需要寫程式碼?

Apple Invites APP 的 Progressive Blur 漸進式模糊效果

突破套版限制：SHOPLINE 電商網頁前台魔改摘要

當 Elementor 賣起雲端架站平台：是自架 WordPress 網站的救星，還是高價陷阱？

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

測試瀏覽器原生 CSS Nesting 能不能完全做到 SCSS Nesting 的功能

近期熱門 Hot Posts

中華郵政專用信箱使用心得分享

近期常見的11種平面設計中文字型

看完搞不好會放棄 TrueNAS 自組 NAS 的 10 個經驗(含WOL喚醒與AWS雲端備份)

8種英文和中文的 Wordle 猜字遊戲打發時間真好用

8 個 Affinity Designer 無法完全取代 Adobe illustrator 的問題

增強商品吸引力！試用多款AI繪圖工具生成電商商品情境圖

你從什麼時候開始產生了這個 QR Code 產生器是免費的錯覺？

從 API 串接角度評估電子發票存摺 APP 可以怎樣出賣使用者個資

2026 年的免費 AI 程式開發工具整理（含額度與限制）

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

最新發布 New Posts

Safari 27：AI 幫我寫瀏覽器套件，還會自動監測網頁更新

免費通知 LINE Notify 關閉一年後，通知服務該怎麼選？LINE OA、Discord、Slack、Telegram、Bark、ntfy 比較

電商後台真正需要的是 MCP 和 Skills，別在網站後台到處塞 AI 魔術棒按鈕了

鎖右鍵已經沒人用了，現在大家在防 AI 偷內容

把部落格後台搬進 VS Code：修圖、上傳、管理圖片、AI 產生分類與標籤一次搞定

SEO新戰場:想知道網站被哪些AI Chatbot引用？10幾家工具功能介紹

一個本來放著不動的網站，在 AI-coding 出現之後，自然長出了一些更順手的管理方式

AWS 免費資安滲透測試 :AWS Security Agent 預覽版體驗測試

Google Tag Gateway（GTG）是不是數位行銷智商稅? 這種網站導入之後 GA4 報表先亂掉

2026 年的免費 AI 程式開發工具整理（含額度與限制）

Contact Me

E-Mail

LINE 私訊
此為 LINE 官方帳號，僅用於連絡，不會群發訊息

FB Messenger/Instagram 私訊

Telegram 私訊

目前正在瀏覽文章標籤：css

Safari 27 初探：AI 幫我寫瀏覽器套件，還會自動監測網頁更新

把部落格後台搬進 VS Code：修圖、上傳、管理圖片、AI 產生分類與標籤一次搞定

有了 Chrome DevTools MCP，AI 再次學會了睜眼說瞎話

更新了 iOS 26 Safari 之後，打開網頁直呼 WTF

Figma Sites 從設計到網站上線一條龍，不需要寫程式碼?

Apple Invites APP 的 Progressive Blur 漸進式模糊效果

突破套版限制：SHOPLINE 電商網頁前台魔改摘要

當 Elementor 賣起雲端架站平台：是自架 WordPress 網站的救星，還是高價陷阱？

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

測試瀏覽器原生 CSS Nesting 能不能完全做到 SCSS Nesting 的功能

近期熱門 Hot Posts

中華郵政專用信箱使用心得分享

近期常見的11種平面設計中文字型

看完搞不好會放棄 TrueNAS 自組 NAS 的 10 個經驗(含WOL喚醒與AWS雲端備份)

8種英文和中文的 Wordle 猜字遊戲 打發時間真好用

8 個 Affinity Designer 無法完全取代 Adobe illustrator 的問題

增強商品吸引力！試用多款AI繪圖工具生成電商商品情境圖

你從什麼時候開始產生了這個 QR Code 產生器是免費的錯覺？

從 API 串接角度評估電子發票存摺 APP 可以怎樣出賣使用者個資

2026 年的免費 AI 程式開發工具整理（含額度與限制）

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

最新發布 New Posts

Safari 27：AI 幫我寫瀏覽器套件，還會自動監測網頁更新

免費通知 LINE Notify 關閉一年後，通知服務該怎麼選？LINE OA、Discord、Slack、Telegram、Bark、ntfy 比較

電商後台真正需要的是 MCP 和 Skills，別在網站後台到處塞 AI 魔術棒按鈕了

鎖右鍵已經沒人用了，現在大家在防 AI 偷內容

把部落格後台搬進 VS Code：修圖、上傳、管理圖片、AI 產生分類與標籤一次搞定

SEO新戰場:想知道網站被哪些AI Chatbot引用？10幾家工具功能介紹

一個本來放著不動的網站，在 AI-coding 出現之後，自然長出了一些更順手的管理方式

AWS 免費資安滲透測試 :AWS Security Agent 預覽版體驗測試

Google Tag Gateway（GTG）是不是數位行銷智商稅? 這種網站導入之後 GA4 報表先亂掉

2026 年的免費 AI 程式開發工具整理（含額度與限制）

8種英文和中文的 Wordle 猜字遊戲打發時間真好用