2024 年 1 月底 2 月初,蘋果的空間運算設備 Apple Vision Pro 終於媒體解禁與美國開賣,這個禮拜的社群到處都是戴著滑雪鏡般外型的機體,徜徉虛擬實境世界的短影片。

目前已經知道很重要的 3 點:

  1. 現階段還沒有中文輸入法,而且下載 app 需要準備美區的
... 繼續閱讀⇢
       

巢狀CSS (CSS nesting)終於從 Chrome 版本號 120 開始支援,去年(2023/8左右) Firefox 就支援 CSS nesting 了,以前寫 SCSS 的老人們可以放心直接寫,不用再編譯嗎? 並沒有,本文就來做一些實測。

巢狀結構寫法,有時候可以提升 CSS 樣式碼的易讀性和可維護性,如下圖所示,

左邊是... 繼續閱讀⇢

       

前陣子在社群看到一個平面印刷設計類的討論,大致一個透明漸層與黑色底色疊起來之後,中間看起來霧霧濁濁髒髒的,要怎麼解決?
原圖比較複雜,我另外做了一張示意圖

這是一個牽涉用 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 帳號可以使用),但是這個... 繼續閱讀⇢

       

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

畢竟正常的軟體公司不是用程式碼行數來算薪水跟 KPI 的,所以得找一些輕鬆的法子,有時候遇到只會寫 CSS 的人辛苦的寫樣式,但用一下新工具其實可以做得更輕鬆,但又很難三言兩語說明新工具的好,於是整理了這份資料。

學 SASS/SCSS/LESS/STY... 繼續閱讀⇢


我們上網時偶爾會看到上圖左這種情況,
應該是一塊一塊排好的內容,卻出現異樣的空白?

有時候這個是設計風格,為了體現品牌的自由風氣,並特意強調那兩個落單區塊的獨特性,並且為了視覺上的平衡美感所做的處理,甚至還... 繼續閱讀⇢

這篇不講 coding 技巧,不講用 SASS 要怎麼寫,不講 Bootstrap 要怎麼用,不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。


看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck

本簡報適合瀏覽對象:
– ... 繼續閱讀⇢