要改的地方太多了，那就改天吧

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

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

在 Windows 底下用 npm build 產生專案發佈檔案時，碰到一個錯誤: EPERM: operation not permitted unlink… 但最後用了一個好像別人還沒提過的解法，決定紀錄一下，以後碰到時可以再回來翻。 背景資訊: – 這個專案並不是第一次執行建置動作，至少近幾個月每次改都好好的。 – 沒有變動原有的程式邏輯，主要只是一些圖文修改。 – dev/start 在本機是可以正常跑起來的。 建置失敗，當然就無法產生可以上傳的檔案，為了任務的遂行...

繼續閱讀

網頁設計

#js#windows

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

最近如果上網看到這種標題 「Google Chrome 在 2024 年開始 Cookieless 元年」 「第三方 cookies 退場，企業主/廣告主/品牌/行銷人員該如何因應」 「隱私權政策上路，廣告流量好差」 點進去，內文毫無例外， 肯定是要開始賣一些 Martech 產品，或看似神奇的廣告技術產品，還要把各種 buzzword 塞進去。 不過本文沒有要賣東西，也不是探討廣告程式怎麼寫， 也沒有要踢爆哪家數位廣告服務吹牛吹翻天，號稱可以用再行銷喚回舊客戶、...

繼續閱讀

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

#api#google#ios#js

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

前幾天把一份別人的 Photoshop 設計稿做成網站，發現裡面用了不少 PS 圖層混合模式，例如下圖兩個簡易 wireframe 範例 圖左有一組清單，標題跟內文各有背景色，清單上面有一些透明圖案，會跟標題和內文的背景色混合。 只是把圖存成 PNG 蓋在上面肯定是不可行的，因為要跟底下其他區域混合後，才會是正確的顏色。 也無法把圖案墊在最下面，會被標題跟內文的背景圖蓋住，當然顏色也會不對。 用 RWD 的思考邏輯，肯定無法把圖案切開...

繼續閱讀

網頁設計視覺設計

#css#css3#ios#iphone#js

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

前陣子看到幾個國際科技大公司不約而同都在發 passwordless 無密碼登入的新聞，登入不用記密碼，聽起來很酷炫，再多加搜尋都會找到 FIDO, WebAuthn 之類的技術名詞，讓人想到那個行動自然人憑證(TW FIDO)，註冊就有點麻煩，要用自然人憑證和讀卡機插電腦，然後每次在電腦上登入時還要多拿一支手機來刷臉，在手機上登入要跨應用程式跳轉來跳轉去，手機有時候卡一下就逾時的那個東西嗎? 稍微摸了一下發現別有洞天，而 TW FIDO 只是...

繼續閱讀

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

#api#HTML5#js

IE退役了又怎樣? 10 個 Safari 或 Firefox 的網頁瀏覽器相容性問題

微軟正式宣布 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 指標

有在追蹤使用者體驗的各種心理學研究，應該都有聽過網頁開啟速度的 X 秒原則，從西元二零零幾年到現在，在各種文獻都有不同的 X 數值，總之網頁開啟速度盡量越快越好。Google 也說過載入速度會當作SEO排名因素之一(Official Google Webmaster Central Blog: Using page speed in mobile search ranking)，網站好不容易導流得到曝光，內容好不好先不論，卻敗在開啟速度，有點可惜，所以花時間調校，對於網站經營還是能有一丁點幫助...

繼續閱讀

網頁設計

#cloudflare#google#js#pagespeed#RWD#SEO#webfont

Electron 實戰：讓 Mac 玩開心水族箱不用再每次按允許 Flash

聽說某些職業的人，都會被問說曾用技能解決什麼生活問題？讓我想到之前玩的一個東西，起頭又是想當年… 大學電腦課有三寶：開心農場偷菜、開心水族箱撿寶、跑跑卡丁車尬車，結果還不到十年，已經人事物全非了，開心農場在2017結束營業，跑跑卡丁車在 Mac 跟手機上沒得玩，大家都在拼人生 Online。不過我還一直持續在玩 Facebook 的開心水族箱，幾乎每天都會登入日曆簽到，但後來覺得越來越難玩了… 本文章的內容目錄 Toggle Faceb...

繼續閱讀

吃喝玩樂生活交通網頁設計

#facebook#flash#js

用 IFTTT Webhooks 讓網頁發訊息到 Line

之前照一篇 如何在 WordPress 有新留言時，透過 Line 通知站長？ – 踢踢五，使用 IFTTT 串接 WordPress RSS feed 和 Line notify，用了好幾個月也還算穩定，至少沒碰過什麼服務掛掉或三天兩頭維修的情況。 那今天我有一個客製化的網站，沒有 RSS Feed，也不是 WordPress，想要在某些情況時，例如有人登入後台，或是 ajax 走到 response error 的那段的時候，我會接到 Line 通知，要怎麼做哩? 去申請了 LINE Notify 的登錄服務，...

繼續閱讀

網頁設計軟體產品體驗

#js

避免網頁文字資料被複製

網頁設計的許多演進，多半是為了使用者瀏覽環境、現代數位內容需求、軟體工程、專案管理而做的發展，但是有一些需求，從 N 年前到現在都沒有變，例如說…「想要把產品資料公開放在網路上，但是又不要讓人拿走。」 整理一些常見/常用的網頁防止文字被複製的方法： 一、用 JS 讓使用者在網頁按右鍵的時候，不要顯示選單 (適用於桌上型電腦的現代瀏覽器)