在 2023/3/15 的 GPT-4 Developer Livestream 直播發佈會中，OpenAI 為了展現 GPT-4 的多模態(multimodal)功能，在影片 16 分左右開始弄了一個把手繪稿轉成網頁的範例。
時間又過了好幾個月，GPT-4 辨認圖片的功能還是沒開放，但是這個腦洞大開的 demo 也讓市場上多了不少號稱 AI 網頁設計服務。
一個網頁大概有內容策略、視覺設計、UI 設計、前後端程式製作、購買域名、主機... 繼續閱讀⇢
標籤: css3
前幾天把一份別人的 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 一樣完全無法使用? 網... 繼續閱讀⇢
畢竟正常的軟體公司不是用程式碼行數來算薪水跟 KPI 的，所以得找一些輕鬆的法子，有時候遇到只會寫 CSS 的人辛苦的寫樣式，但用一下新工具其實可以做得更輕鬆，但又很難三言兩語說明新工具的好，於是整理了這份資料。
學 SASS/SCSS/LESS/STYLUS之前，要先學 CSS 嗎?
當然要哇! 本質上還是 CSS，最後編譯出來的檔案還是 CSS，只是在過程中多了一些東西讓你更方便的寫 CSS。
跟這類似的問題:
學 HTML... 繼續閱讀⇢
我們上網時偶爾會看到上圖左這種情況，
應該是一塊一塊排好的內容，卻出現異樣的空白?
有時候這個是設計風格，為了體現品牌的自由風氣，並特意強調那兩個落單區塊的獨特性，並且為了視覺上的平衡美感所做的處理，甚至還經過 A/B test 與各種 UX 實驗，除了可以達到最佳的轉換率，還可以引起討論話題…
但我想此例純粹就是個小失誤而已。(ps.上圖案例網頁不是我做的，只是上網時剛好逛到而已。)
在上圖右我們把每... 繼續閱讀⇢
這篇不講 coding 技巧，不講用 SASS 要怎麼寫，不講 Bootstrap 要怎麼用，不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。
看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck
本簡報適合瀏覽對象:
– 覺得行動版網頁只是把網頁縮小而已，沒什麼的人
– 為了學 RWD 還花錢跑去上課的人
– 不知道... 繼續閱讀⇢