[HN Gopher] System.css: A design system for building retro Apple...
___________________________________________________________________
System.css: A design system for building retro Apple interfaces
Author : surrTurr
Score : 111 points
Date : 2022-08-11 18:29 UTC (4 hours ago)
(HTM) web link (sakofchit.github.io)
(TXT) w3m dump (sakofchit.github.io)
| divbzero wrote:
| When I look at this I can't help thinking that desktop UX reached
| its peak (or plateau?) three decades ago. What improvements have
| there been since System 6? Perhaps multiple desktops, tabs, and
| universal search (e.g. Spotlight) but those improvements feel
| more incremental than fundamental.
| thih9 wrote:
| > What improvements have there been since System 6
|
| I can use touch gestures, scroll intuitively or swipe between
| recently active websites or apps on my iOS device.
|
| I can work seamlessly on the same document using multiple
| devices and/or with multiple people.
|
| (Web) UX advances let me view maps, browse apartment listings,
| compare various kinds of products and order stuff online.
|
| Then again, not sure how much all that is worth since I still
| use console for work.
| bobthepanda wrote:
| To be fair, they said _desktop_ OS, where touch is pretty
| much irrelevant.
|
| Desktop OS has mostly been marked by innovations that didn't
| really pan out even if they were interesting (e.g. Windows 8
| and the tile-based Metro UX)
| jahewson wrote:
| Why would you expect the fundamentals to change? Wouldn't that
| be a bad sign?
| [deleted]
| duxup wrote:
| Site is broken in Firefox on an iPhone.
| dharmatva wrote:
| Same - broken on Safari on an iPhone
| stop50 wrote:
| Both use the same engine.
| _the_inflator wrote:
| I love it! As great as the NES CSS framework: https://nostalgic-
| css.github.io/NES.css/
| masswerk wrote:
| Minor nitpick: labels for checkboxes and radio buttons should be
| really in normal Geneva, not in Chicago. (Chicago appears in menu
| bars, menus and titles only.)
| smm11 wrote:
| Still better than Windows.
| senzilla wrote:
| https://www.senzilla.io/software/nexus/
|
| A classless CSS framework that makes content look like it would
| have in the very first web browser - the Nexus browser.
| metadat wrote:
| If this were more robust across browsers I'd totally start using
| it for my personal projects. Such a sweet throwback!
| cush wrote:
| Ironically, I can't get the menu to close on iOS safari. The
| close button seems to be broken.
| cjsawyer wrote:
| In ios chrome putting it in landscape lets me see the content
| past the unclosable window
| gabereiser wrote:
| Broken on mobile
| swyx wrote:
| I collect these novelty CSS things for fun! here
| https://github.com/sw-yx/spark-joy/blob/master/README.md#fun...
|
| - [NES.css](https://github.com/nostalgic-css/NES.css): NES.css is
| a NES-style(8bit-like) CSS Framework.
|
| - [PSone.css](https://github.com/micah5/PSone.css): PS1 style CSS
| Framework, inspired by NES.css.
|
| - [LaTeX.css](https://latex.now.sh/)
|
| - Operating System CSS -
| [98.css](https://github.com/jdan/98.css): A Windows 98 inspired
| framework for building faithful recreations of old UIs.
| - [Office 97 clipart in svg
| format](https://archive.org/details/mso97clipart) -
| [XP.css](https://github.com/botoxparty/XP.css): A Windows XP
| inspired framework for building faithful recreations of operating
| system GUIs. An extension of 98.css. -
| [7.css](https://khang-nd.github.io/7.css/) -
| [System.css](https://sakofchit.github.io/system.css/) Retro
| Apple-inspired UI - [Commodore 64
| CSS](http://pixelambacht.nl/2013/css3-c64/) - DOS:
| [BOOTSTRA.386](https://github.com/kristopolous/BOOTSTRA.386): A
| vintage 1980s DOS inspired Twitter Bootstrap theme
|
| - [Text UI CSS](https://github.com/vinibiavatti1/TuiCss): bios
| like UI's
|
| - [New Dawn](https://github.com/npjg/new-dawn): A mac classic
| After Dark inspired stylesheet.
|
| - [Geocities Bootstrap theme](https://code.divshot.com/geo-
| bootstrap/)
|
| - more https://dev.to/iainfreestone/10-resources-for-recreating-
| old...
| simonmorg wrote:
| This is awesome. I don't think i've bookmarked so many links in
| one go.
| purgedreality wrote:
| Don't forget Puppertino for OSX!
| https://github.com/codedgar/Puppertino
|
| https://github.com/codedgar/Puppertino
| dmitriid wrote:
| "Based on MacOS HIG guidelines" ... uses links for buttons.
|
| Somehow this is even more aligned with Apple of today.
| miohtama wrote:
| For some reason, HackerNews does not render all the links
| correctly in this comment
| rassibassi wrote:
| Nice, saw you also have a section on fonts! Think the following
| could make you smile, too. Checkout this font that changes with
| the users facial expression (shameless plug):
|
| Description:
| https://danishdesignaward.com/en/arkiver/nominee/adam-lenzin...
|
| Demo: https://facetype3000.herokuapp.com
| swyx wrote:
| haha nice demo! needs a smoothing function, wobbles too much.
| also i use an external cam, would be nice to pick cam source
| miohtama wrote:
| BIOS like UI is Turbo Vision framework
| https://en.wikipedia.org/wiki/Turbo_Vision - one of the
| earliest windowed application frameworks. Not _GUI_ framework,
| obviously. Made by Borland and made famous by its IDEs like
| Turbo C++ and Turbo Pascal.
|
| Nowadays available as open source:
| https://github.com/magiblot/tvision
| jakearmitage wrote:
| Blurry on Firefox.
___________________________________________________________________
(page generated 2022-08-11 23:00 UTC)