🌘 個人數位助理(PDA)上的網頁瀏覽器
➤ 智慧型手機時代前的行動上網先驅
https://vale.rocks/posts/pda-browsers
這篇文章深入探討了個人數位助理(PDA)在 90 年代至 21 世紀初發展初期的網際網路瀏覽歷史。在智慧型手機稱霸之前,PDA 用戶透過數據機、紅外線傳輸及早期的無線網路進行連線。作者詳細梳理了當時主流作業系統(如 EPOC、Apple Newton 及 Palm OS)上瀏覽器的演進,介紹了從陽春的 HTML 渲染到支援 Java Applet、JavaScript 及 SSL 加密等技術的發展過程。這些早期瀏覽器不僅是行動網路的先行者,更在硬體效能極限與有限的網路資源下,進行了各種創新的介面設計。
+ 這篇文章喚起了我對 Psion 與 Newton 的記憶,當年要讓這些裝置上網簡直是一場冒險,但現在回頭看,那些妥協與創新真的很有趣。
+ 很有價值的歷史梳理。很多人忘記了在現代 Web 標準統一之前,瀏覽器開發者為了讓 HTML 在這些小螢幕上正常渲染,付出了多少努力。
#UIUX #前端開發 #科技歷史
Web Browsers on PDAs

The web in the palm(Pilot) of your hand.

Vale.Rocks
Pretty awesome vanilla css animation library here:
#css #frontend #uiux
https://animista.net/play/entrances
Animista - On-Demand CSS Animations Library

Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.

Animista - On-Demand CSS Animations Library

Google's Gemini overlay bubble is getting a fresh gradient design as testing expands

✅ Details and video demo - https://www.androidauthority.com/google-gemini-overlay-bubble-new-design-3678757

#AI #GeminiAI #Google #Android #UIUX

New Ocean Design for Plasma updates. Read here about some Penpot issues and token mapping work. #opensource #kde #plasmadesktop #development #uiux

https://anditosan.wordpress.com/2026/06/17/ocean-updates-june-2026/

Ocean Updates – June 2026

Penpot WebGL and Bugfixes Penpot and WebGL Penpot released their WebGL rendered (beta) for all users to test. This brought speed gains in rendering content on page and less lag when navigating. Fra…

KDE and Plasma Design

one thing I miss in my day-to-day is the really cool progress bar that SETI@Home used to have in the desktop application.

It was essentially an isometric display of a rectangular cuboid where for the empty portions the back and bottom sides were visible, and in the filled portion the front and top sides were visible and filled red, and the right face of the cuboid was itself filling up line by line from the front to back, bottom to the top in each line.

It looked great and for a progress bar that fills incredibly slowly it's a great way to make small steps of the progress still be very noticeable!

#nostalgia #uiux #dataviz

Always "nice" to see these cookie control dialogs on websites that turn the "Allow all" button into a "Deny all" button only *after* you've manually disabled all cookie options you don't want.

Passive aggressive behaviour in HTML+CSS

#cookies #consent #uiux

@[email protected] If deletion is more-commonly used, and has a prompt to make sure they really want to delete, then it's not a bad thing IMO.

#UIUX
🌗 追求每一幀的完美
➤ 為什麼 UI 細節是軟體信任感的決勝點?
https://tonsky.me/blog/every-frame-perfect/
這篇文章探討了軟體使用者介面(UI)設計中一個極其關鍵卻常被忽視的準則:「每一幀都必須完美」。作者指出,UI 的精緻程度是使用者建立對軟體信任感的基石;如果介面在動態轉換過程中出現閃爍、重排或動畫不同步,會讓使用者產生不信任感。作者通過分析 Safari、Photos 及 YouTube 等知名軟體的動畫缺陷,強調開發者不應僅關注動畫的「起始」與「結束」狀態,更需嚴格控管轉換過程中的每一個細節,確保應用程式表現得像精密的儀器,而非粗糙的玩具。
+ 說得太好了!很多網頁應用為了追求開發速度,忽略了這種轉場的細膩度。這種「每一幀」的堅持,確實是專業軟體與業餘專案的分水嶺。
+ 這讓我想起許多現代複雜的 DOM 結構。有時候為了實現一個簡單的動畫,卻因為技術債導致出現不自然的跳動,讀完這篇讓我重新審視了自己開發時的轉場邏輯。
#UIUX 設計 #軟體品質 #前端開發
Every Frame Perfect

How imprecise UI animations erode trust in product

tonsky.me
Good design isn't about adding more intrusive widgets; it's about removing the corporate noise so you can focus on your code, your art, and your life. Experience a truly clean desktop with #fijiOS. 🧼 #UIUX #Minimalism #FOSS
🌗 稍微減少人工智慧生成前端程式的「廉價感」
➤ 從視覺雜訊到 Qt 風格:提升 AI 生成介面質感的實戰心得
https://envs.net/~volpe/blog/posts/reduce-slop.html
作者致力於利用 AI 代理人快速開發個人用途的應用程式,然而卻面臨 AI 產出的介面總帶有「廉價感」(slop)的困擾。在嘗試多種風格生成後,作者發現了一個簡單有效的解法:要求 AI 以「Qt 應用程式」的視覺風格進行設計。這種風格能顯著降低 AI 生成介面時常見的視覺冗餘與不協調感,讓程式看起來更具專業感與邏輯性。作者亦呼籲開發者社羣共同探索更多能繞過 AI 設計盲點的風格指南。
+ 這觀點很有趣!AI 確實傾向於過度裝飾,導致介面充滿無意義的留白或過時的漸層。強制套用像 Qt 這種具備高度結構化的傳統桌面風格,反而能找回介面的秩序感。
+ 我也常遇到同樣問題,AI 總是喜歡給出那種看起來很像「Bootstrap 預設樣板」的東西。下次我也來試試請它用 Qt 或類似的古典設計規範來生成。
#人工智慧 #前端開發 #UIUX 設計 #程式開發工具
Slightly reducing the sloppiness of AI generated frontend