All the details are just right, from the color palette to the menu separators and edges drawn with fake ASCII 'drawing' characters to the little blip that refreshes the screen line by line. Even the name is perfect: "BOOTSTRA.386" -- eight characters plus three for the extension, all in uppercase.
I was having a shit day, but now it's awesome. Thank you!
P.S. I will go build like 9 websites using this immediately.
Press F11 to experience the 80's.
If you actually used a Mac back in the late 80's / early 90's, this site's output will give you a heady shot of pure, undiluted nostalgia. I wasted half an afternoon once, converting images for my imaginary Hypercard project.
Photoshop will also give you options and allow you to reduce colors down to an 8 bit or 4 bit palette, with a variety of dithering choices, or for the true lofi look (It's 1991 and I used the school's lab scanner for the first time!), no dithering at all.
Not overly useful for one image, but if you have lots of them, it's nice to have a programmatic solution.
There may be some brilliant visual hack to get images to look more faithful ... but this was the best I could figure out.
Any plans/progress porting this or rewriting it root bootstrap 3x, or should I build anything I want this one as 2x?
Less pixels, and less colours, means greater usability! This is the greatest application of Bootstrap I have ever seen. It is a shame that more websites don't look like this (in all seriousness).
When I was growing up with computers, interfaces like this were on their way out. So to me it just looks clunky and messy. Other than inspiring nostalgia and impressing me with the amount of work that surely went into creating it, I don't think this theme has much real world application.
These themes that attempt to replicate the look and feel of a GUI are pretty gimmicky in nature (ever been to a terrible blog that tries to look like the OS X GUI or worse... one of the Windows GUIs?). This one just happens to be really high quality.
Of course. In the "nature vs. nurture" argument, there is no room for computers. It is all nurture here. Moreover, current interfaces derive from the design choices illustrated here.
My only complaint is that it's not degradable.
With API-driven backends (webapps, esp. SPA's, mobile apps), it would probably be easy enough to shoe-horn in some glorious ANSI interface...
Try telnetting to vert.synchro.net
For those interested, here are some captures of some of the menus (there is a lot more posted in conferences) :
- Taiwanese BBSes and Unicode ANSi Art : http://www.cambus.net/taiwanese-bbses-and-unicode-ansi-art/
- Taiwanese BBSes and Unicode ANSi Art - Part II : http://www.cambus.net/taiwanese-bbses-and-unicode-ansi-art-p...
If you ask me to picture "what does a byte look like?", I am not going to think of binary or hex, I am going to instantly imagine the "extended ASCII" of code page 437.
I might get up at 5am and stare at it while listening to some easy-listening music.
This is definitely based on the standard EGA/VGA text mode (originally 80x25 characters) used by DOS. Mode 0x10 IIRC.
This is also using the standard codepage 437, which includes the characters for single and double borders. You could also rewrite the symbol table to make custom characters, which is what Norton Utilities and others did.
(VGA is from 1987, by the way. :) )
VGA generally used the same text modes as EGA and very few people actually had an EGA, so referring to it as a VGA mode is an understandable mistake.
There were actually some VGA-specific text modes (80x30 mode for example) as well as SVGA modes, but they weren't really used much because the EGA modes were good enough, more widely compatible, and IIRC the 80x30 mode was noticeably slower.
Also IIRC, 80x30 mode used a slightly different font than this one, which is why I think it's the usual 80x25 EGA rather than one of the other modes.
In graphics modes.
In text mode it supported 16 IIRC: black, white, two greys and two shades of 6 colours.
I'm pretty sure this is based on the standard EGA/VGA font, which is 8x14 pixels, whereas CGA only supported 8x8. Characters like A, N and M look noticeably more pixellated around the diagonals in CGA mode.
This is very much the one everyone would recognise from the VGA era, although it's actually an EGA mode.
The font used by this site is the "Fixedsys" system font from Windows, not any CGA/EGA/VGA text mode font.
Everything "felt" like a fancy over-done BBS of the early 90s in the way that the page loaded slowly, but I'm curious why you chose the second swipe of the cursor over the screen. I don't remember my PC from 8088-80386 ever doing that. Am I misremembering and was this in reference to some platform from the 80s that I didn't use?
Now, excuse me while I find my Def Leppard cassette tape and turn up my collar.
My one criticism is the hamburger being used at 978 and below. The hamburger is a 21st century artifact. Using [MENU] feels more old-school to me.
(yes Xerox did it in 1981, but I expect most of us were rocking a Apple II, 386, or C64 at that time...)
Thank you so much for creating this. It's so unique, classic, novel.
I sincerely hope all the best for your career and your aspirations!
Question: On the real systems where that occurred, what was the second pass doing? It never seemed to change anything. (No guesses, please. I'm looking for someone who knows.)
bootstrap === csszengarden 2.0
This is my only thing, make the flicker faster .. and the update should be almost instant.
While I'm here.. make the scrolling only scroll by character boundries, for a more authentic feel - the header shouldn't overlap by say half a character, since textmode was cell based.