前幾天把一份別人的 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... 繼續閱讀⇢