在 2023/3/15 的 GPT-4 Developer Livestream 直播發佈會中，OpenAI 為了展現 GPT-4 的多模態(multimodal)功能，在影片 16 分左右開始弄了一個把手繪稿轉成網頁的範例。
時間又過了好幾個月，GPT-4 辨認圖片的功能還是沒開放，但是這個腦洞大開的 demo 也讓市場上多了不少號稱 AI 網頁設計服務。
一個網頁大概有內容策略、視覺設計、UI 設計、前後端程式製作、購買域名、主機... 繼續閱讀⇢
標籤: css
我的中文Web Font 踩雷記事本已經多年沒更新了，想不到今天又遇上新題材。
大致就是吃飯滑手機時看到一篇報導 繞過 Cookie 限制！Google 遭指用免費字型追蹤使用者，除了 INSIDE 之外，國內幾家科技媒體如 Cool3C 之類的都有刊出。內容大致是引用外媒的報導，宣稱 Google 透過提供特定免費字型讓使用者下載安裝，藉此追蹤使用者藉由裝置上網時的瀏覽行為云云，使用者可以採取自保的手段就是使用瀏覽器的內... 繼續閱讀⇢
以前會碰到一個惱人的網頁設計怪問題，近期又碰到有客人反映了，決定找找這到底是什麼因素。
要重現問題很簡單，就是調整電腦瀏覽器縮放設定(用Ctrl+滾輪，或是從瀏覽器工具列裡面選)，或是調整 Windows 的縮放設定(例如顯示設定變更文字、應用程式與其他項目的大小)，只要不是 100%，網頁就會顯示得怪怪的，例如表格/儲存格的框線會粗細不一，如以下範例:
Windows，有一條橫線特別粗
macOS Monte... 繼續閱讀⇢
前幾天把一份別人的 Photoshop 設計稿做成網站，發現裡面用了不少 PS 圖層混合模式，例如下圖兩個簡易 wireframe 範例
圖左有一組清單，標題跟內文各有背景色，清單上面有一些透明圖案，會跟標題和內文的背景色混合。
只是把圖存成 PNG 蓋在上面肯定是不可行的，因為要跟底下其他區域混合後，才會是正確的顏色。
也無法把圖案墊在最下面，會被標題跟內文的背景圖蓋住，當然顏色也會不對。
用 RWD 的思考邏輯，肯定無法... 繼續閱讀⇢
前幾天才看到一篇文章You Don’t Need A UI Framework，一位需要在一個產品一再重複打磨的 in-house 外國工程師，出來講說大家做產品不應該用 Bootstrap, Material UI, Ant Design 之類的 UI Framework，讀了之後有點夏蟲語冰之感，工作型態百百種，就像一個不愁吃穿做興趣的私廚出來分析說早餐店不該用料理包、組合肉、現成化工調味料，不該用水果茶粉/奶茶粉來泡飲料... 繼續閱讀⇢
微軟正式宣布 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 一樣完全無法使用? 網... 繼續閱讀⇢
用我的A電腦上網時碰到一個怪網頁，頁面從頭到尾內容空空如也？
(敏感資訊已模糊處理)
但是開另一台B電腦上同樣的網站，顯示又是正常的，難道是我的A電腦壞了？
-本以為是圖片被 AdGuard 之類的擋掉，但是查詢發現圖片都有正常載入，直接開圖片 url 也是正常的。
-Console 裡的 Javascript 沒有特別的嚴重錯誤。
-Google Chrome 瀏覽器換無痕模式、更換瀏覽器為 Firefox, Safari，都... 繼續閱讀⇢
一開始又要老人講古，以前小時候用 Notepad++ 都是白色的背景，Visual Studio 之類的 IDE 也是白色背景配淺藍色系的工具列，Adobe 的 Phoroshop 也是淺灰系配色，AE 也只是深一點的灰色系。大概只有股票節目、電影裡的電腦畫面，電腦的 command line 視窗，會用黑色系的 UI 畫面。
但近幾年突然掀起黑色 UI 風潮
– 新出的 Text editor，像 Sublime Text, Ato... 繼續閱讀⇢
不只聽過一次中小企業問說「要另外請一個人來維護網頁嗎？」維護網站最基本的技能就是美感，以及各種數位資訊的知識、工具的操作。還有數位內容的產出，例如無中生有變出行銷方案、文案發想、商品/人像攝影、影片拍攝/剪輯/後製？甚至排解伺服器運作問題？出一張嘴最簡單了嘛。實作人員就是該死。
所以維護網頁已經不簡單了，要維護一個符合台灣NCC無障礙網頁規範的網站，要求的東西就更多了！本文概略講解流程，跟記錄一些常... 繼續閱讀⇢
使用者在電腦上使用先進的網頁瀏覽器，如 Google Chrome 或 Firefox，因為這些瀏覽器可以安裝「擴充套件」，有時可讓使用者達成一些方便的功能，但網頁或 web 系統，可能就因為這些擴充套件，發生排版顯示，或是讓系統無法操作、購物網站無法下單等等的嚴重問題。
一、廣告攔截的擴充套件讓正常內容也出不來當使用者都在網路上的時候，廣告也跟著出現在網路上了。網路有很多地方，以網頁來說，廣告是怎麼顯示在... 繼續閱讀⇢