前幾天把一份別人的 Photoshop 設計稿做成網站，發現裡面用了不少 PS 圖層混合模式，例如下圖兩個簡易 wireframe 範例
圖左有一組清單，標題跟內文各有背景色，清單上面有一些透明圖案，會跟標題和內文的背景色混合。
只是把圖存成 PNG 蓋在上面肯定是不可行的，因為要跟底下其他區域混合後，才會是正確的顏色。
也無法把圖案墊在最下面，會被標題跟內文的背景圖蓋住，當然顏色也會不對。
用 RWD 的思考邏輯，肯定無法... 繼續閱讀⇢
分類: 網頁設計
前陣子看到幾個國際科技大公司不約而同都在發 passwordless 無密碼登入的新聞，登入不用記密碼，聽起來很酷炫，再多加搜尋都會找到 FIDO, WebAuthn 之類的技術名詞，讓人想到那個行動自然人憑證(TW FIDO)，註冊就有點麻煩，要用自然人憑證和讀卡機插電腦，然後每次在電腦上登入時還要多拿一支手機來刷臉，在手機上登入要跨應用程式跳轉來跳轉去，手機有時候卡一下就逾時的那個東西嗎?
稍微摸了一下發現... 繼續閱讀⇢
在網路上看到一個有趣的討論，為什麼有些郵件在 Gmail 有顯示寄件人的 LOGO?
以這個 Gmail app 截圖來說，大部分的郵件寄件者都沒有頭像圖，只有少數幾個有 LOGO
企業花了幾萬塊甚至更多錢做了 LOGO 或整套 CIS，每年可能也花了不少錢在寄信上，寄給使用者的信卻沒有顯示 LOGO，在這種小地方如果也能顯示出來就更好了，連蘋果的廣告信都沒顯示出 Apple logo，這是難得可以超越 Apple 的機會! 😂😂
正... 繼續閱讀⇢
之前在其他文章 數位發展部的 IPFS 系統架構官網 和 抄底 LUNA 幣 談過 Web3 話題，這次又來分享一些在自家網站嘗試發 NFT 的心得。
如果這樣敘述: 我做了一個購物網站
開始購物之前要先註冊，
第一次註冊還要先下載一個軟體，
在每個網站購物，要下載的軟體可能都不一樣，
軟體註冊完成通常會顯示十幾組英文單字，要自己記起來，
等一下會考剛剛的英文單字是什麼，
要開始結帳前要先檢查自己有沒有選對購物車種類，
有的軟體沒有購物車... 繼續閱讀⇢
最近資訊界有一個重磅新聞 Heroku’s Next Chapter，知名的雲端平台 Heroku 將終止部分服務的免費使用額度，原因說是因為免費產品計劃遭到各種濫用，本來免費的變成每個月約 7~15 美元起跳，太久沒登入的帳號也會被關掉。
我的 Heroku 帳號最早是 2015 年註冊的，嚇得我趕快去登入看一下，登進去之後裡面都是一堆警告訊息，以前的測試程式環境過了沒幾年就 end of life，或是 build faile... 繼續閱讀⇢
前幾天有一則新聞，中國網攻 唐鳳出招破解了：數位發展部網站一秒都沒卡過，內文大概是這樣
... 繼續閱讀⇢自美國眾議院議長裴洛西訪台後，中共就在台灣進行了軍演，與此同時，也有不少境外IP頻頻對我國公、私部門進行攻擊。接任行政院數位發展部首任部長的唐鳳，近日接受媒體專訪時提及此事，指出以Web3為主的分散式架構，將可以完全排除阻斷性攻擊。
唐鳳近日接受《自由時報》專訪，被問及政府機關網站遭到資安攻擊，政府是否有因應作為？唐
之前(之前寫的文章整理後回到這邊PO)有一個 SEO 都市傳說，說網頁超過15MB的，超過的部分爬蟲就不會去爬。所以網頁上放了不管什麼精彩的文案，爬蟲爬不到、別人搜尋不到，就等於沒放一樣。
網頁載入時超過 15MB 很難嗎? 隨便開兩個新聞網的內文頁面，用瀏覽器的 Devtools 看一下。
但這樣看其實是不對的，單純看 network 面板最下面那行 resource size 判斷網頁已經超過 15MB?
還有網頁超過 15M... 繼續閱讀⇢
什麼是 SEO? 基本上就是針對搜尋引擎的各種功能特性，還有預期使用者會在網路上尋找的東西，進行有價值的線上內容的佈局，但卻總有人以為 SEO 就只是網頁設計公司或工程師的責任，網頁排名沒有在第一名，一定是網站沒有某某功能，一定是網站用一些 SEO 檢測工具測出來沒有滿分的缺失。
今天(其實這是很久以前在別的地方寫的啦，重新整理後在這邊PO)來檢驗一個流傳幾年的 SEO 界的都市傳說，剛好跟修改網頁程式有關，就是「... 繼續閱讀⇢
有一個短期網站，為了能夠更方便的分工和控制預算，又是使用一個網站拆好幾個地方放的架構:
1.資料庫和涉及使用者資料儲存與運算的程式功能，完全在另一台主機上，與前端 UI 站台之間透過 API 傳送和接收資訊。
2.網站圖片跟靜態檔案的部分放在另一個地方，前面包一層 AWS 的 CDN 服務，幸好沒有圖片上傳之類大量消耗 IO 和磁碟空間的功能，應該不需要擔心流量/頻寬/磁碟空間的問題。
3.前端 UI 站台只有一個 html 的皮... 繼續閱讀⇢
一個網頁使用了某個特殊字體，為了 SEO 和 RWD 排版斷行等原因，沒有直接通通做成圖片。但是網頁載入時因為會跑一個 10幾MB 的字型檔，雖然主機不是用我的，流量費用不是我付，但網頁開啟耗時畢竟比較久，也比較耗使用者的流量，所以嘗試把字型檔壓小。
頁面的文字都是固定的，不是會從後台上稿或動態產生的那種，所以可以用 FontForge 或 FontSpider，那種把字型檔裡面沒用到的字移除的技術，一般稱為 remo... 繼續閱讀⇢