js - 那就改天吧

iPhone Duo 前端踩坑記：折疊螢幕多了前端新 API，實作時卻依然在比寬高

2026/10/29

iPhone Duo 展開後，你的 RWD 斷點還對得上嗎？從外螢幕矮扁比例、Safari 27.1 把工具列移到右側，到 Device Posture 與 Viewport Segments 的 CSS 寫法和 JavaScript 偵測範例，實測 951px 寬的展開畫面如何讓 Tailwind 的 lg: 斷點誤判，並整理握持盲區與鍵盤推擠等常見踩雷點。...

繼續閱讀

使用者介面網頁設計

#chrome #css #css3 #ios #iOS+simulator #iphone #js #mobile #RWD #UI #ux #viewport

Chrome 瀏覽器內建免費 AI，以為撿到寶，用了才發現是坑

2026/07/22

Chrome 瀏覽器內建的免費 AI（Gemini Nano / Prompt API / Translator API）聽起來像天上掉下來的禮物，不用連網、不用付費、資料不離開裝置。但實測後才發現：要求 22GB 磁碟空間、16GB RAM、GPU VRAM 4GB 以上的硬體門檻，還有 Edge / Arc / Brave 等 Chromium 瀏覽器支援度落差、模型下載與 session 管理超麻煩、功能有限。本文聊聊使用者眼中的免費 AI 和工程師眼中的「開發地獄」之間的巨大落差。...

繼續閱讀

科技新聞解析網頁設計軟體產品體驗

#ai #api #chrome #google #js

把部落格後台搬進 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

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

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

2024/12/19

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

繼續閱讀

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

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

用 Windows 內建資源管理器解決 npm operation not permitted unlink 錯誤

2024/02/07

Windows 上 npm EPERM unlink 錯誤的真正解法：常見方法全部無效，實際解決方式是開啟「資源監視器」找出鎖定目標檔案的程序，強制終止後再執行 npm 操作。...

繼續閱讀

網頁設計

#js #windows

網站這個功能異常，竟然是因為瀏覽器封鎖第三方 COOKIES

2024/01/10

最近如果上網看到這種標題「Google Chrome 在 2024 年開始 Cookieless 元年」「第三方 cookies 退場，企業主/廣告主/品牌/行銷人員該如何因應」「隱私權政策上路，廣告流量好差」，第三方 Cookie 封鎖不只影響廣告追蹤，很多網頁功能也可能一起壞掉。整理 Safari、Edge、Firefox、Chrome 各自的封鎖行為、DevTools 診斷步驟，以及 2025 年 Google 正式確認不棄用第三方 Cookie 後的實際影響與因應方式。...

繼續閱讀

數位行銷科技科技新聞解析

#api #google #ios #js

CSS mix-blend-mode 與 Photoshop 圖層混合功能對照

2022/11/03

前幾天把一份別人的 Photoshop 設計稿做成網站，發現裡面用了不少 PS 圖層混合模式，剛好來談談 CSS mix-blend-mode 對應 Photoshop 混合模式的實作教學，還有透明影片去背、Hover 色彩疊加效果，以及還原 Apple iPhone 14 產品發表頁滾動文字變色特效的技術細節。...

繼續閱讀

網頁設計視覺設計

#css #css3 #ios #iphone #js

初探 WebAuthn UAF 的無密碼 Passwordless 登入技術

2022/10/20

WebAuthn/FIDO2 無密碼登入的技術澄清：釐清哪些方案「不算」無密碼（AD 單點登入、QR 碼、MFA、Email OTP、Web3 錢包），說明 FIDO 規範術語（UAF/U2F/WebAuthn），以及行動裝置跨裝置使用仍存在的操作複雜度。...

繼續閱讀

科技新聞解析網頁設計軟體產品體驗

#api #HTML5 #js

3D 首頁浮島連線中

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

iPhone Duo 前端踩坑記：折疊螢幕多了前端新 API，實作時卻依然在比寬高

Chrome 瀏覽器內建免費 AI，以為撿到寶，用了才發現是坑

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

vibe coding 實驗：自幹一套 Obsidian 網頁版，讓手機也能免費同步+編輯筆記

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

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

用 Windows 內建資源管理器解決 npm operation not permitted unlink 錯誤

網站這個功能異常，竟然是因為瀏覽器封鎖第三方 COOKIES

CSS mix-blend-mode 與 Photoshop 圖層混合功能對照

初探 WebAuthn UAF 的無密碼 Passwordless 登入技術

近期熱門 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

iPhone Duo 前端踩坑記：折疊螢幕多了前端新 API，實作時卻依然在比寬高

讓 AI 直接操作手機，別再為了 AI 助理租雲端伺服器了

用瀏覽器底層邏輯解決驗證信痛點! Email Verification Protocol (EVP)

AI廣告影片製作指南：行銷人必備的一站式AI影片生成與畫質修復工具

Chrome 瀏覽器內建免費 AI，以為撿到寶，用了才發現是坑

不用出門也能滿地種花？皮克敏 Bloom 神級 GPS 修改器 Fonelora Location Changer 實測體驗

用 AI Vibe Coding 很方便，雲端服務的隱藏收費陷阱很容易讓人後悔

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

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

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

Contact Me

E-Mail

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

FB Messenger/Instagram 私訊

Telegram 私訊

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

iPhone Duo 前端踩坑記：折疊螢幕多了前端新 API，實作時卻依然在比寬高

Chrome 瀏覽器內建免費 AI，以為撿到寶，用了才發現是坑

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

vibe coding 實驗：自幹一套 Obsidian 網頁版，讓手機也能免費同步+編輯筆記

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

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

用 Windows 內建資源管理器解決 npm operation not permitted unlink 錯誤

網站這個功能異常，竟然是因為瀏覽器封鎖第三方 COOKIES

CSS mix-blend-mode 與 Photoshop 圖層混合功能對照

初探 WebAuthn UAF 的無密碼 Passwordless 登入技術

近期熱門 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

iPhone Duo 前端踩坑記：折疊螢幕多了前端新 API，實作時卻依然在比寬高

讓 AI 直接操作手機，別再為了 AI 助理租雲端伺服器了

用瀏覽器底層邏輯解決驗證信痛點! Email Verification Protocol (EVP)

AI廣告影片製作指南：行銷人必備的一站式AI影片生成與畫質修復工具

Chrome 瀏覽器內建免費 AI，以為撿到寶，用了才發現是坑

不用出門也能滿地種花？皮克敏 Bloom 神級 GPS 修改器 Fonelora Location Changer 實測體驗

用 AI Vibe Coding 很方便，雲端服務的隱藏收費陷阱很容易讓人後悔

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

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

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

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