2024 年 1 月底 2 月初，蘋果的空間運算設備 Apple Vision Pro 終於媒體解禁與美國開賣，這個禮拜的社群到處都是戴著滑雪鏡般外型的機體，徜徉虛擬實境世界的短影片。
目前已經知道很重要的 3 點:
- 現階段還沒有中文輸入法，而且下載 app 需要準備美區的
標籤: css
巢狀CSS (CSS nesting)終於從 Chrome 版本號 120 開始支援，去年(2023/8左右) Firefox 就支援 CSS nesting 了，以前寫 SCSS 的老人們可以放心直接寫，不用再編譯嗎? 並沒有，本文就來做一些實測。
巢狀結構寫法，有時候可以提升 CSS 樣式碼的易讀性和可維護性，如下圖所示，
左邊是... 繼續閱讀⇢
看到知名的網路佛堂 Cloudflare 在 2023/9 底推出了新服務Cloudflare Fonts: enhancing website font privacy and speed，現在許多網頁為了顯示漂亮好看、並且能被搜尋引擎輕易檢索的文字，常常都會掛上一些 webfont 服務，而免費的 Google Fonts 是目前市占率最高
的服務之一。
Cloudflare 特別做了一個服務，來&... 繼續閱讀⇢
前陣子在社群看到一個平面印刷設計類的討論，大致一個透明漸層與黑色底色疊起來之後，中間看起來霧霧濁濁髒髒的，要怎麼解決?
原圖比較複雜，我另外做了一張示意圖
這是一個牽涉用 Adobe illustrator 做平面設計、CMYK油墨印刷、紙張材質... 繼續閱讀⇢
在 2023/3/15 的 GPT-4 Developer Livestream 直播發佈會中，OpenAI 為了展現 GPT-4 的多模態(multimodal)功能，在影片 16 分左右開始弄了一個把手繪稿轉成網頁的範例。
時間又過了好幾個月，GPT-4 辨認圖片的功能還是沒開放(更新:2023年底開放 gpt-4-vision-preview 模型，Tier1 的 OpenAI API 帳號可以使用)，但是這個... 繼續閱讀⇢
我的中文Web Font 踩雷記事本已經多年沒更新了，想不到今天又遇上新題材。
大致就是吃飯滑手機時看到一篇報導 繞過 Cookie 限制！Google 遭指用免費字型追蹤使用者，除了 INSIDE 之外，國內幾家科技媒體如 Cool3C 之類的都有刊出。內容大致是引用外媒的&... 繼續閱讀⇢
以前會碰到一個惱人的網頁設計怪問題，
要重現問題很簡單，就是調整電腦瀏覽器縮放設定(用Ctrl+滾輪，或是從瀏覽器工具列裡面選)，或是調整 Windows 的縮放設定(例如顯示設定>變更文字、應用程式與其他項目的大小)，只要不是 100%，網頁... 繼續閱讀⇢
前幾天把一份別人的 Photoshop 設計稿做成網站，發現裡面用了不少 PS 圖層混合模式，例如下圖兩個簡易 wireframe 範例
圖左有一組清單，標題跟內文各有背景色，清單上面有一些透明圖案，會跟標題和內文的背景色混合。
只是把圖存成 PNG 蓋在上面&... 繼續閱讀⇢
前幾天才看到一篇文章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 一樣完全無法使用? 網頁設計人員似乎對此都歡欣鼓舞，覺得以前不能用的 CSS 寫法，以前不能用的 JS 寫法、... 繼續閱讀⇢