Hacker News new | past | comments | ask | show | jobs | submit login

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...





"Based on MacOS HIG guidelines" ... uses links for buttons.

Somehow this is even more aligned with Apple of today.


What do you mean? There is nothing wrong with displaying a link with a button style as long as you treat it as a link with that navigates somewhere else.

In the docs they are using buttons on interaction that does not navigate.


> What do you mean? There is nothing wrong with displaying a link with a button style as long as you treat it as a link with that navigates somewhere else.

Yup. This basically sums up current approach.

There's a clear semantic distinction between a button and a link. For example, screen readers will treat them differently.

And this is especially egregious when your example page is specifically about buttons: https://codedgar.github.io/Puppertino/examples/buttons.html

Edit: Segmented controls are also links: https://codedgar.github.io/Puppertino/examples/segmented_con...

As are buttons like "close this sheet" in actions: https://codedgar.github.io/Puppertino/examples/segmented_con...

etc. etc.


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


not CSS though. so doesnt fit on my list!


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


haha nice demo! needs a smoothing function, wobbles too much. also i use an external cam, would be nice to pick cam source


For some reason, HackerNews does not render all the links correctly in this comment


Prefixing a line with two spaces does that.

  Prefixing a line with two spaces does this.


i wish HN would just adopt a subset of markdown (eg minus headers and other attention grabby tricks) - its such a standard at this point


This is awesome. I don't think i've bookmarked so many links in one go.


lol someday i'll try to turn this into a moneymaking side project but right now just having fun being a resource hoarder


I love this so much, thank you.


We need gs/os




Consider applying for YC's Spring batch! Applications are open till Feb 11.

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: