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 build 產生專案發佈檔案時，碰到一個錯誤: EPERM: operation not permitted unlink…但最後用了一個好像別人還沒提過的解法，決定紀錄一下，以後碰到時可以再回來翻。背景資訊:– 這個專案並不是第一次執行建置動作，至少近幾個月每次改都好好的。– 沒有變動原有的程式邏輯，主要只是一些圖文修改。– dev/start 在本機是可以正常跑起來的。建置失敗，當然就無法產生可以上傳的檔案，為了任務的遂行，最快的方... 繼續閱讀 網頁設計#js#windows
網站這個功能異常，竟然是因為瀏覽器封鎖第三方 COOKIES 2024/01/10 最近如果上網看到這種標題「Google Chrome 在 2024 年開始 Cookieless 元年」「第三方 cookies 退場，企業主/廣告主/品牌/行銷人員該如何因應」「隱私權政策上路，廣告流量好差」點進去，內文毫無例外，肯定是要開始賣一些 Martech 產品，或看似神奇的廣告技術產品，還要把各種 buzzword 塞進去。不過本文沒有要賣東西，也不是探討廣告程式怎麼寫，也沒有要踢爆哪家數位廣告服務吹牛吹翻天，號稱可以用再行銷喚回舊客戶、精準目標... 繼續閱讀 數位行銷科技科技新聞解析#api#google#ios#js
CSS mix-blend-mode 與 Photoshop 圖層混合功能對照 2022/11/03 前幾天把一份別人的 Photoshop 設計稿做成網站，發現裡面用了不少 PS 圖層混合模式，例如下圖兩個簡易 wireframe 範例圖左有一組清單，標題跟內文各有背景色，清單上面有一些透明圖案，會跟標題和內文的背景色混合。只是把圖存成 PNG 蓋在上面肯定是不可行的，因為要跟底下其他區域混合後，才會是正確的顏色。也無法把圖案墊在最下面，會被標題跟內文的背景圖蓋住，當然顏色也會不對。用 RWD 的思考邏輯，肯定無法把圖案切開直接做... 繼續閱讀 網頁設計視覺設計#css#css3#ios#iphone#js
初探 WebAuthn UAF 的無密碼 Passwordless 登入技術 2022/10/20 前陣子看到幾個國際科技大公司不約而同都在發 passwordless 無密碼登入的新聞，登入不用記密碼，聽起來很酷炫，再多加搜尋都會找到 FIDO, WebAuthn 之類的技術名詞，讓人想到那個行動自然人憑證(TW FIDO)，註冊就有點麻煩，要用自然人憑證和讀卡機插電腦，然後每次在電腦上登入時還要多拿一支手機來刷臉，在手機上登入要跨應用程式跳轉來跳轉去，手機有時候卡一下就逾時的那個東西嗎?稍微摸了一下發現別有洞天，而 TW FIDO 只是產... 繼續閱讀 科技新聞解析網頁設計軟體產品體驗#api#HTML5#js
IE退役了又怎樣? 10 個 Safari 或 Firefox 的網頁瀏覽器相容性問題 2022/05/10 微軟正式宣布 Internet Explorer (簡稱 IE 瀏覽器)將於 2022/6/15 停止支援，(the Internet Explorer 11 desktop application will be retired and go out of support on June 15, 2022, for certain versions of Windows 10)，但不確定到了那天會發生什麼事，會像 Flash Player 一樣完全無法使用? 網頁設計人員似乎對此都歡欣鼓舞，覺得以前不能用的 CSS 寫法，以前不能用的 JS 寫法、以前不能用的 HTML 元素像 detail&summary，... 繼續閱讀 網頁設計#css#css3#ios#js
三小招提升網頁 PageSpeed 分數，優化網頁開啟速度與 Web Vitals 指標 2020/04/06 有在追蹤使用者體驗的各種心理學研究，應該都有聽過網頁開啟速度的 X 秒原則，從西元二零零幾年到現在，在各種文獻都有不同的 X 數值，總之網頁開啟速度盡量越快越好。Google 也說過載入速度會當作SEO排名因素之一(Official Google Webmaster Central Blog: Using page speed in mobile search ranking)，網站好不容易導流得到曝光，內容好不好先不論，卻敗在開啟速度，有點可惜，所以花時間調校，對於網站經營還是能有一丁點幫助... 繼續閱讀 網頁設計#cloudflare#google#js#pagespeed#RWD#SEO#webfont
CKFinder 3 .Net 版本安裝失敗小筆記 2019/09/23 CKFinder 檔案管理器的 PHP 版本於 2015 年釋出版本號 3 的大改版，.NET 版本比較遲，於2016年12月才釋出(CKFinder 3.3 for ASP.NET Released)，如今過了兩年多到 3.5.1，地雷應該都清光了吧？畢竟 CKFinder 2 已經不再更新了，在觸控裝置上也很難用，來自己摸索安裝看看 CKFinder 3。CKFinder 是最低品質 costdown web 程式開發重要的一環，開發人員不需要自己用 PHP 或 ASP.NET 的伺服器端語法讀取目錄和檔案清單、建立目錄、多... 繼續閱讀 網頁設計軟體產品體驗#CKEditor#ckfinder
