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

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

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

繼續閱讀

網頁設計

#css#css3

惱人的 Google 通知信系列-網頁無法編入索引-找不到 (404)

一些網站收到 Google Search Console (GSC)通知信，長得像這樣:主旨:有新的原因導致「」網站上的網頁無法建立索引內文:導致你的網頁無法編入索引的新原因Search Console 發現你網站上有部分網頁未編入索引，這是由以下新原因造成：找不到 (404)如果這項原因並非刻意設定，建議你修正問題，讓系統能將受影響的網頁編入索引，以便顯示在 Google 服務中。按鈕:開啟索引報表點擊開啟索引報表，然後會把人騙到釣魚網頁，騙人輸入 Google...

繼續閱讀

網頁設計

#google#SEO

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

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

繼續閱讀

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

#api#google#ios#js

幾種整合付款服務介紹，讓店家不用在櫃檯舉辦 QR Code 大展!

之前寫過幾篇關於介紹台灣行動支付、線上付款的文章，過沒多久放棄持續更新了。如今幾年過去，商人和財團們仍然沒有放棄支付服務的戰場，天下分久必合? 有些地方好像有合，但有些地方反而變得更加複雜了。出門消費，在結帳櫃台可能還是放了更多的感應刷卡機器、更多的 QR Code，消費者還要記禮拜幾才有優惠，超過多少錢沒有回饋，哪家店只能用什麼支付，但市場也還是繼續出現了一些有趣的東西，像是整合付款條碼的服務，讓店家可以...

繼續閱讀

使用者介面吃喝玩樂生活交通數位行銷科技科技新聞解析網頁設計

#apple#ios#iphone#UI#小額支付#金流

完全追蹤並重播使用者的網頁操作行為? 幾款 Session player 工具的使用心得

一個在運行中的網站或線上系統，正常來說，肯定是需要掌控他的各種狀況，不管是碰到系統錯誤，但使用者卻難以描述操作步驟；或是做為 UX 研究、行銷效果評估、看使用者在流程漏斗的哪一步驟跑掉，網頁上的圖文、UI 功能、互動效果，使用者究竟有沒有在看?這時候如果有個監視器，可以回放網頁操作者的行為，該有多好?今天就來介紹幾款可以達到此種需求的幾種產品。跟 GA4 有什麼不同?如果看完文章，並且有真的操作認真過 GA4，應該...

繼續閱讀

使用者介面數位行銷科技網頁設計軟體產品體驗

#linux#UI#ux

創作者/內容發布商的抖內贊助新搭檔 Google Reader Revenue Manager

在2023/10月底收到一封 Google 的信，裡面又介紹了一個神奇的新產品 Reader Revenue Manager號稱:– 不論發布商規模大小，都能透過此自助服務平台的其他功能，提高各出版品的讀者參與度與留存率。– 不是開發人員也能輕鬆使用：就算不是科技達人，也能快速上手。– 發布商免費使用，方便他們將訂閱或捐款機制整合至電腦版和行動版網頁。– 直接與讀者互動交流：讓有意願的讀者透過能夠保護隱私權的方式提供電子郵件地址，這樣您就能...

繼續閱讀

數位行銷科技科技新聞解析軟體產品體驗

#google

實測 Cloudflare Fonts 能讓網頁的雲端字型載入速度變得多快?

看到知名的網路佛堂 Cloudflare 在 2023/9 底推出了新服務Cloudflare Fonts: enhancing website font privacy and speed，現在許多網頁為了顯示漂亮好看、並且能被搜尋引擎輕易檢索的文字，常常都會掛上一些 webfont 服務，而免費的 Google Fonts 是目前市占率最高的服務之一。Cloudflare 特別做了一個服務，來解決網站使用 Google Fonts 當 webfont 的兩大痛點:Cloudflare Fonts網頁中有額外的字體檔案，為網頁載入帶來延遲Google...

繼續閱讀

網頁設計軟體產品體驗

#cloudflare#css#webfont

使用 VPN 就能做壞事? 3個常見的使用迷思

選舉又快到了，近期有一則新聞 偵破恐嚇臉書粉專「Lin bay 好油」林姓版主案，一位 FB 粉專的版主聲稱收到威脅生命的 FB 私訊，檢警調查發現，儘管嫌犯使用 VPN 軟體企圖躲過追查，但最後仍被查到在一間台灣本地的咖啡店有連線紀錄與監視器畫面，嫌犯被捕後，則供出所謂恐嚇事件，是與粉專版主兩人自導自演。這讓不少網友在新聞底下留言，訝異道原來用了 VPN 當跳板，還是會被抓嗎?VPN 是很好用，但不要用錯地方了!本篇來科普一些...

繼續閱讀

工商服務軟體產品體驗

#cloudflare#iphone#Web

使用這些漸層產生器和 Figma 套件，避免做出中間髒髒的漸層色

前陣子在社群看到一個平面印刷設計類的討論，大致一個透明漸層與黑色底色疊起來之後，中間看起來霧霧濁濁髒髒的，要怎麼解決?原圖比較複雜，我另外做了一張示意圖這是一個牽涉用 Adobe illustrator 做平面設計、CMYK油墨印刷、紙張材質的問題，好像每隔一陣子就會出現一次，這次的可能情況比較單純(底色是黑色K100。而不是其他顏色)，修改與示範相對容易，所以討論比較熱烈。但就算用了一些方法把濁濁的顏色變鮮豔，還是有機會發生...

繼續閱讀

使用者介面網頁設計視覺設計軟體產品體驗

#css#css3#UI

輸入注音常常忘記切換中英文嗎? 試試神奇的華碩智慧輸入(不是華碩品牌電腦也能用)

都西元 202 幾年了? 還有人在做電腦 Windows 系統的注音輸入法嗎?還真的有! 就是華碩…現在輸入文字的方式非常多元，語音輸入、手寫輸入轉純文字，華碩這個新出的智慧輸入法，還是要乖乖敲按鍵打字，解決了什麼使用者痛點?最大的特點就是可以自動辨識輸入的是中文還是英文，解決了有時候使用者打字沒看螢幕，打出一堆xj04fu 18 yl 2k7j;4ru4fu, cj04gj bj4z832k7jp6y4….在前幾年 Hacker News 有一個討論串 The password “ji32k7au4a...

繼續閱讀

軟體產品體驗

#mac#webfont

上一頁
下一頁

近期熱門 Hot Posts

最新發布 New Posts

    Contact Me

    E-Mail

    Open Email Client

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

    加 LINE 好友

    FB Messenger/Instagram 私訊

    FB Messenger IG 小盒子

    Telegram 私訊

    傳訊息到 Telegram