Only 90s web developers remember this (2014)
zachholman.com
zachholman.com
Me: demos CRUD app for keeping track of my record collection, hosted on a free site
Owner: You wrote this?
Me: Yeah.
Owner: This is in Perl?
Me: Yeah.
So I got hired. The day I got there, he told me they were going to use PHP instead of Perl. Sure, cool, whatever. He told me that I had to start being productive in the first couple weeks or he would have to let me go, couldn't afford to keep people that weren't working out. I was down with that. He had some HTML pages that he had created in a WYSIWYG editor, I think it was Dreamweaver, and I was going to add some PHP scripting to those pages.
How hard could that be?
So I get to work and open these HTML files and I don't even remember exactly, I think like the login page HTML was 20 pages of code long, maybe I'm exaggerating, I've blocked most of it out of my memory but I seem to remember nested tables inside of nested tables inside of nested tables with spacer GIFs and s all over the place and I remember looking at it and thinking: What. The. Actual. Fuck.
But I did it! I managed to get the guy to take a look at what the editor he was using actually created and get him to simplify some things, I fixed a few bugs and was working on features and he came in around noon and told me you know what I said about being productive in the first few weeks? Forget about that, we're good.
The week before I was doing manual labor in a factory. It was like going from the 1800s to the 2000s over a weekend. I made $9 an hour, less than I was making stacking boxes on pallets, but of course totally worth it in the long run. Good times.
It was great.
So the next one was pretty similar “hey use this language called Sikuli to build something.” Now, I’d never heard of Sikuli but it was basically python so I built a little app that, based on the screen, could offer up context sensitive hotkey chains…kind of like a baby version of Alfred that literally only worked with Microsoft office. But the guy thought it was cool and hired me anyway :)
Went from working in a gas station over night to working in my kitchen or the coffee shop. I thought it was sooooo cool
For anyone reading along I highly encourage that; there's way more signal to noise hearing about some project they worked on and why they were proud enough to put it on their resume than 'did they remember the algorithmic call/response'. You can't beat an almost post mortem discussion where you let the interviewee lead on what they think went well and what they'd have done differently with hindsight.
For newbies, it’s harder.
Even an awesome environment might be worth moving away from if your pay goes up 50-100%. Especially if you're not super frugal or have expenses due to other reasons.
But if that tripled salary enables you to do things you love you can't do now and it enables them both today and long term... then it might be worth it :-)
I was lucky and I did a side project my last year of college abusing Hadoop to make a web scraper & analysis tool on one. Probably got me my first 2 jobs because I LOVED to talk about that project, and it let me break out of my fearful and introverted shell to show a wider range of skills
Most people don’t have much to show.
One guy was a ninja. A black belt in ninjitsu, apparently. I asked him about his ninja skills (he looked like Harry Knowles). He said he could make himself invisible. I was like O_O. I asked him to demonstrate. He said he couldn't do it right now as we already knew he was there. I told him to leave the meeting room and "come back in invisible." He said it didn't work like that. I asked how it works. He said "Let's say I'm at a party.. I can enter the room and walk completely through the crowded room and not a single person will notice me." I think I know what was happening....
But telling to story how young horny me built porn sites and learned SEO the hard way was actually a selling point so far.
First day on dev job, the owner displays a hodgepodge of Perl code that was originally an open-source thing called MRTG (before network admins heavily modified it), tasked me with porting it from Solaris to Windows NT and using MSVC 5.0 to build the CGI binaries.
Good times were had by all due to the boom money floating around everywhere[1].
[1] Well, until the bust came in late 90s :-)
I was all-in.
IIRC, one of the early marketing "Built in Delphi!" examples.
I was a CS undergrad, and was introduced to someone who needed a software person. Got hired at $8/hour part time to write VB, Access, and MSSQL software - none of which I had ever touched. Same deal, either I figure it out or he would let me go. Couple weeks later my boss came in, loosely described an application, and then asked if I could have something demoable in 2 hours. He had a client meeting and need to show something to get partial payment. Got it done and almost immediately got a raise to $12/hour. Obviously the place had a lot of issues and was out of business in the next couple years, but it gave me the mentality early on of execute and ship. Good times indeed.
And yeah...I was waiting tables in a fine dining restaurant a month before...
<font color=“red”>
<font color=“blue”>
<font color=“green”>
Hi there
</font>
</font>
</font>
because the editors didn’t actually understand HTML beyond what was required to wrap a tag around a block of text.Especially if you see what kind of crap code something like frontpage produced. Lots of boilerplate muck and stuff cancelling each other out.
We used to call it Strontpage at a place I worked. Stront means shit in Dutch.
Dreamweaver was so much better and it embraced CSS instead of trying to avoid it. Though I liked coding in just an editor, for me as a non-graphics person it was nice to have WYSIWYG. Of course soon after that actual graphics people started doing that work but in the beginning it was all techies.
I think Microsoft introduced .docx in what? Office.NET.
If you save the doc as xml, there's some overlap, but that's an older technology called WordML [2].
I've spent way too much time creating spreadsheets on ancient legacy unix systems, in dozens of different ways. OpenXML is not the easiest, but it is the best of a lot of bad options...
[1] https://en.wikipedia.org/wiki/Office_Open_XML
[2] https://en.wikipedia.org/wiki/Microsoft_Office_XML_formatsProbably the one trick I learned back then that I still use today is naming the target in links. I remember noticing Yahoo doing it on their Fantasy Football setup so that if you clicked on the news beside a bunch of different players and clicked the same one more than once, it would only load the player into its specific window. Since I’ve always been a person that opens tons of links as I’m going through a page and then reads each of them after, it was nice to not have duplicate windows (tabs) everywhere.
Still works and to this day I never use target=“_blank”.
I think everyone should get some grassroots software work under their belt, it's a really different experience working as a team member in an unrelated industry and providing a unique value to an otherwise non-software company.
I don't want to soapbox too much, but it is part of my hope for the eventually reduction of software salaries, so that software can become a more integrated and boutique part of life. There are so many problems that would be better solved with small scale software instead of impersonal SaaS.
it's a really different experience working as a
team member in an unrelated industry and providing
a unique value to an otherwise non-software company.
This can be the best thing ever, or the worst thing ever. It all depends on whether or not management is willing to learn about how the software development process works and adapt to it.I remember the days from 2000-2015, I worked at a few places like this. Doing "revolutionary" things like actually introducing source control, offsite backups, etc. to places that had never heard of such things.
At some places this was challenging, but rewarding. At other places ownership was constantly aghast when they had to shell out for some random software licenses or SaaS subscriptions. I view it as a part of my job to explain and justify expenditures, but going to war with management over every rando $100 "what the FUCK is 'git hub???'" purchase gets old fast.
Overall though, I am now a little nostalgic...
It's not development jobs that are inflated; rather, it's most of the other jobs that are deflated.
(this is a rule of thumb, and exceptions apply)
It seems I learnt HTML just between these two eras. After the , 1px spacers and tables, and before the piles of abstractions.
People cared about doing well formed XHTML and having those W3C Valid XHTML badges, and also those "install Firefox" buttons.
This was short so today everything looks ugly to me, old and new, in different ways.
I still use (polyglot) XHTML5 (HTML5 if I don't control everything being input) and avoid frontend frameworks and web fonts when I get to decide. This is a world where implementing a search bar for people who haven't discovered CTRL+F yet takes 30 lines of dumb Javascript and filters 200 items in 1 second on a slow computer without any caching trick and that does not require minifiers and bundlers. Which does not actually sound impressive, or shouldn't anyway. A world where when you disable Javascript, the page is still perfectly readable. A world where a silly mistake in the HTML markup is noticed.
To build an actual web application where it does not makes much sense to have the content as a web page, I started liking Svelte but I'll still at least consider doing things by manipulating the DOM directly before deciding.
And of course one of the biggest issues with today's web: you can't just view source and copy paste. You're in the land of chasing back up CSS files, js libraries, or finding yourself unable to steal an image because it's not just an image you can right click on any more.
Golden times.
My highschool computer curriculum was basically a hacker school program for web dev stretched across three years (senior year we did VB6). I managed to be impressive because I would dissect web pages to learn their tricks. I think I must be the only one (or if not, at least among the first) in our level to pull off columned layout without CSS. I figured out <table border="0"></table> all by myself, neither the books nor the teachers taught you that. And I did that by reading source code on IE5---developer tools weren't a thing then!
In our second year, one of the exercises was to recreate Yahoo's log-in page. I got closest exactly because of the above. I still feel smug remembering this.
Golden times, indeed. :)
So, the computer class instructor sat me down and asked me what I knew about programming. "I can use Perl", I said (I had read Perl For Dummies, v5.00502 edition). So he told me to make an online calendar for the school. So, I did. No instruction... just figured it out as I went. And that's how I learned that managing and displaying events in arbitrary times and dates is harder than P=NP.
Turns out that giving me that project was intended to save the school from having to pay for a real online calendar.
There's browser extensions that will convert a whole page as it is loaded in the browser to an image file. For ever-scrolling pages you have to manually stop it.
So long as your browser window was the same resolution as the designers.
> img[src='s.gif'][width='40'] {width: 12px;}
Also, as far as I can remember, you could never combine <marquee> and <blink> because only IE supported <marquee> and only the Netscape family of browsers supported <blink>.
I think there is a lot of humor in this article that is maybe a little too subtle.
(Hence, the joke, that to combine the two made you a Great Web Developer, since you knew about such things. The bar was rather low in those days, to be honest.)
ArcadeNFT is an example of a project that utilizes this: https://opensea.io/assets/0xa0c38108bbb0f5f2fb46a2019d7314cc...
Hell is empty, and all the devils are here.
I remember seeing "DHTML" still being thrown around as late as 2005, but knowing that I could refer to the components of a webpage as "DHTML" never seemed to have any sort of utility. I never cared that I could refer to the markup as being dynamic. Big deal. What scripts and applets could I add to make things move?
Of course now we're still stuck with this "HTML5" canard that won't die because nontechnical people seem to believe it's more advanced than "HTML".
It was definitely "Dynamic HTML". Just a few weeks ago, I threw out a bunch of old issues of MacWorld... one of them had a cover article on the then-new technology of DHTML.
Then you do the ol' "View Source" and now that technique is in your toolkit. In fact you'd prob head right over to your geocities site and try it out right away.
I really think the web community lost something with the transition to compiled uglified js and css…. Sure google will show you to some code if you manage to put what you are looking for into words but that isn’t always easy. Pitty that there is no standardised solution to publish the source along with the Minimized script nowadays.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/So...
Can’t tell if you’re sarcastic or not, assuming not all comment readers will be aware either way.
<html> <script src="obfuscated.javscript-pack.chunk-12384123.chunkittychunk-packweb.der.huhwhat?{this?:this-v3.2123-notcompatiblewithv3.2122}.js"> <div id="modern-web-app-goez-here"></div> </html>
Good luck with that!
Sure there's source map files, but most of the time you'll fine those aren't distributed together with the minified bundles.
That you'll be able to actually read the code is another completely different story.
getEventListeners($0)
getEventListeners is a Chrome console/devtools only function and $0 is a console placeholder variable for the currently selected element.It's definitely not the nicest way to find things and you often end up running into the minified/uglified madness when delving deeper, but sometimes it helps do the trick.
For JS it's a different story of course but it was never that easy to begin with since the code that affects an element can be anywhere.
I remember much difficulty as a 13YO trying to get his “guest book” Perl script to work for the first time (with all its famous security holes).
Oh, and “CGI Proxy”! Hosting that somewhere on a personal site so that we could get passed the filter on the schools internet. Anyone who knew how to host that had great power in the IT rooms!
Edit: wow cgi proxy has been updated as recently at 2019! [1]
0: https://web.archive.org/web/19980709151514/http://scriptarch...
Such great memories! I was also fond of wwwboard and used it to create my first community in 1997 for the original Diablo game, right before I discovered pirating software and downloaded UltimateBB.
They only got caught because one of them was logged as using a USB drive called "<surname>'s USB" while logged in the domain admin account, which served as an interesting lesson in OPSEC.
... and if you search "wwwboard" apparently you can still find some in the wild.
It got me poached by a media company who was all-in on the dotcom boom hype and convinced we'd all be billionaires within a year. They paid me stupid amounts of money (for a dropout skater who refused to wear a button up shirt to work) and I cranked out crappy HTML templates for them to sell to people who had "an idea and some money", investing their life savings in the "next big thing". Always felt dirty working there, so I wasn't upset when they went bust and ended up owing millions to creditors and losing everything they had.
That all led to a 20 year career in web stuff for F500s and Government as I self-taught my way through web design, to graphic design, to front end dev, to back end dev, then to netsec. To this day I never finished school or got any qualifications, new jobs would come to me via old jobs. Something I think would be impossible in IT today.
I left tech about 10 years ago now and mostly work on old cars and be a dad, reading HN to see how much things have changed and for the nostalgia trips like this. It's insane seeing how different things are when it wasn't "that" long ago. I can't think of any other industry that can be so unrecognisable within such a short timeframe.
I don't know how this trend came to be. I fought it for as long as I could, links are underlined and when you hovered them the underline would go away to make it extra clear this is an interactive element. I considered it a staple of good design. Why did we remove the underline?
Or pick a 90's trope: Ironic detachment? Only things that are obscure are cool?
Traditional print designers started doing web design without investing the time to understand the important differences in the (new) paradigm.
Sadly, that root problem too often persists to today.
And places like this site right here, where it provides indentation for comments among other things! Search the source for `s.gif` - https://news.ycombinator.com/s.gif
In the end I said 'fuck it' and made a patched firefox build in a VM with freeze and/or seal disabled completely, then a small jetpack addon (remember them?) to unfsck the canvas element and grab them images.
My brain is not happy to have this memory dragged out of cold storage!
Like others here, I got my start answering an ad for someone who knew HTML forms, which I taught myself the day before the interview. Then quit my university job of menial labour and haven't looked back. Incredible times.
https://developer.android.com/guide/topics/graphics/drawable...
https://developer.mozilla.org/en/docs/Web/HTML/Element/marqu...
, the "under construction" GIFs:
https://www.vice.com/en/article/9akenz/this-guy-compiled-eve...
and those lightsaber horizontal content dividers.
Btw. isn't DHTML for "Dynamic HTML"?
It is. I thought he was making a joke ( or a Jab ) with everything in modern dev being "distributed". May be I read him wrong.
Microsoft with ASP, ActiveX and VBScript in pages. I also remember writing ISAPI extensions for IIS to handle searching backend systems. IIRC e-bay was the best known company that had an ISAPI extension at one point. I worked at a smaller company where we did it cause our systems were disconnected and we had to search custom databases.
Macromedia with dreamweaver & Flash & shockwave at one point (think that was a little later).
Java applets, ugh.
Splash pages, visitor counters.
ODBC, ADO, OLE DB... Connecting to databases was always about finding the right driver for your OS and DB version which depending on OS & DB could be a challenge.
Browser targeting was a major pain, splash/home pages telling you to only use IE or Netscape etc.
https://developer.mozilla.org/en-US/docs/Web/API/Window/stat...
And since Outlook is still the standard for email clients in the workplace, all other systems are impacted as well.
It's interesting to see modern day developers struggle with email design and turn to folks like us :D
Gmail and Outlook basically define "Email HTML".
Thanks to pixel fonts, I was able to build a multi-million dollar project for Pocket PC Devices during the early 2000s. It has the clearest typography at that distance from the eye level, and the availability of the stylus made it possible to get 8-pt clear text. The project made a lot of physicians/clinics very happy and I got a lot of Thank You's for a very long time after its release.
Image Splicing. I remember building a developer tool, something of a 9-piece-splicer tool in Flash. It takes in an image, and spice the edges so you can have a liquid/elastic box with the desired border - sharp or rounded edges - use it with tables or DIVs.
<marquee><blink>
into every guestbook and webring submission form I could find. Absolute chaos, in such an innocent and fun way.These days it'd probably get you arrested and imprisoned for hacking or something.
The web was so FUN in the 90s.
https://mashable.com/article/missouri-governor-mike-parson-r...
>Confused governor says looking at webpage's HTML is criminal hacking
>Putting on my hacker hoodie and clicking "view source."
>Gov. Mike Parson is sick and tired of all these sophisticated, no-good hackers and he's not going to take it any more. It's too bad the Missouri Republican has no idea what he's talking about.
>During a Thursday press conference, the confused elected official lashed out at a journalist who reported a vulnerability in an official Department of Elementary and Secondary Education website. The reporter, notably, waited until officials fixed the error before publishing the story. The flaw? The website apparently included teachers' Social Security numbers in the HTML.
https://twitter.com/GovParsonMO/status/1448697768311132160
>Governor Mike Parson @GovParsonMO
>Through a multi-step process, an individual took the records of at least three educators, decoded the HTML source code, and viewed the SSN of those specific educators.
>We notified the Cole County prosecutor and the Highway Patrol’s Digital Forensic Unit will investigate.
But in Missouri it's perfectly fine to have your mommy drive you across state lines with an illegal automatic weapon to viciously murder people protesting against racial injustice, in fact you'll be made a celebrated hero and invited to appear on TV fake news shows and intern in the halls of Congress (when you're not busy storming and vandalizing and defecating and urinating in them) by White Supremacists!
https://www.theguardian.com/media/2021/nov/20/fox-news-tucke...
https://www.independent.co.uk/news/world/americas/us-politic...
https://thehill.com/homenews/house/582404-madison-cawthorn-o...
/cgi-bin
ColdFusion
Absence of alpha-channel on gifs so having to match the background color.
But yes, it was the wild-wild-west of security holes out there! The amount of genius it takes to create a new web exploit these days is astonishingly high compared to 1994.
Remember those, we'd put the message "just a counter, don't click" beneath them.
> <IMG SRC="/cgi/webcounter.cgi">
Those were the times of the high hundred-thousands visits to my site if not millions each month.
I told her to meet me and look at the analytics. I show her the stuffs and she became my girlfriend. ;-)
Using lots of b-tags to create rounded borders. Or lots of images.
Faux columns to make it seem like different parts of the layout had the same size.
The golden layout or what it was called. Maybe a bit later than the 90s, when tables weren't as hip to use anymore.
this probably started in 1997-or 1998 or so, and probably had its apex in the mid 2000s especially with the hegemony of IE5.
Hint: it was totally unsafe then, it still is now.
The sales people came running and asked me to help them "fix the home page" because the sales chief had realised that diffrent markets could see what prices the other markets was being charged.
Not being a web guy, I said that we probably should have a look at the server code to see if we could figure out what to do.
Turns out there was no server code, just static web pages. I said we could probably password protect the price lists with javascript but any child who knew how to hit F12 would be able to see the prices anyway.
They said "What's F12? Can you do it today?"
What an amazing time. Felt like the wild west back then.
It’s archived on archive.org - I forget the url….
(and navigation could be fixed by browsers, maybe by encoding currently active frame targets into url after #)
I was in the highschool computer lab, working on a website for the school IT administrator. She wanted me to include a patterned background, blinking marquees, GIFs, the whole nine yards. Another student was working on the project with me, sitting next to me. We were both facing the window, away from the door. The admin left the room. I told my fellow student these choices were extremely tacky, and I questioned the life choices that led her to the point of thinking this looked good.
Turns out she came back into the room and was behind me the whole time. Boy, did I feel like a jerk. I apologized.
What a different time that was.
Weird to think about how much the Internet has changed. Makes me wonder how people will look back on today's Internet.
from one 90's web developer to another:
<blink>hypermedia 4eva</blink>
<TD WIDTH="300"><IMG SRC="/spacer.gif" WIDTH="200" HEIGHT="1"></TD>
defines a column of a minimum width of 200px and a maximum width of 300px. 1990s responsive design.I would get the templates, use the guides tool to mark out where where the slices would be for the tables then get to cutting. You got quite adept at being able to look at a design and figure out where the spacer gifs would go, where repeating background images would go etc. Everything was laid out using nested tables (and I started with Dreamweaver but at some point just stopped using the "split" view that it had and used it only as an IDE).
Once converted to HTML templates it was then plugged into a custom CMS along with any additional programming that might be needed for it. We actually hosted a payment gateway for credit card payments that customers could use. Almost a prototype version of Stripe.
The whole process was very assembly line driven:
PSD Designs > HTML templates > CMS integration > Custom development > Deployment
I don't understand this love for Flash that won't die. Yes, it did something usable well before JS/CSS caught up, but we're there now and well past what Flash brought us. Mainly, now things freakin searchable, and you no longer have to live in fear of what the next major vuln exposed by Flash would do to you.
Like all things, it's been made more difficult and the authoring tools are worse.
I'd say they're all on mobile making money through IAPs vs some freely distributed game on a website.
> it's been made more difficult and the authoring tools are worse.
With the prolific amount of titles on mobile, I'd say they found the better platform to build on.
However, you never answered the question as asked. Whataboutism runs amuck. What could you do in Flash that cannot be done in modern JS/CSS today?
Back then, I could rapidly prototype a small Flash project, maybe 10 scenes (is that the term then?). Today, yeah it's easy to get started but you have a project that's bit more than 3 scenes and you need to use webpack if you want any hope of keeping things organized.
Distribution-wise, Flash packaging is just superior. You can even make it an .exe to share with your friends (security be damned; that's what I did then). To distribute your HTML5 project you basically need a webserver and send your link around and hope they open it in a compatible browser (if they use a Mac with Safari, you better hope you didn't use too much cutting edge APIs). I guess today you could also use Electron, equivalent to me exporting to exe, but that's another battery that's sold separately.
Plus, animation is just loads better with a WYSIWYG editor like Flash. HTML5 is powerful but anything more than a simple motion tween and I have to pull up a pen and paper to calculate an object's movements. Though admittedly I've never looked into a visual editor for HTML5, that's if one even exists.
(Of course, something has to be said about the price too. HTML5 is basically costless. Flash...let's just say I rode on my school's license back then.)
- searching for random Perl scripts to FTP into your cgi-bin folder
You need more than web-dev skillz to become a millionaire. If you want to be a millionaire, then you have to focus all of your attention on becoming a millionaire. Apart from single-minded focus, you also need certain other personal attributes - ruthlessness, an interest in running a business, and an eye for the main chance (a.k.a. "luck").
These aren't the attributes of your typical web-dev.
Maybe tables weren't the best, but they were easy and predictable.
Very satisfying when you can bypass such useless "protections"
You might not have heard of it, however, they are the world’s largest provider of scheduling software for Yoga studios (they process billions of dollars in sales every year).
I was their first designer and I redesigned their mobile apps and tablet point-of-sale apps (both are modern and decently well designed native apps), however, even today Mindbody still uses most of the stuff in this article for their web experience! It hasn’t changed since they built it in 2008.
Here is an example (close the ad for the mobile app to see the site):
https://clients.mindbodyonline.com/asp/su1.asp?tg=&vt=&lvl=&...
Every time I apply for a job I worry they will think this is my work. [1]
[1] Technically I did design this desktop mobile app. The very first job I had was to adjust the colors and font sizes and replace out gifs on these pages (but the engineers and myself were not allowed to replace any of the underlying html/tables or the VB script that powers — besides a few minor tweaks).
Also the ubiquitous visitor counter, uploading assets with ftp, cgi-bin, styling in html, animated gifs, midi soundtracks, “in construction” signs, random links to pages the “webmaster” liked.
A lot of fond memories from the 90s bubble. I love me some coldfusion and ftp and occasionally think how easier it was in some ways.
I also like to say theres not a unicorn today I couldn't have founded if I'd had the idea or insight at the time - plus motivation, money etc. Hindsight and all that.
- messing with the mouse pointer (and adding animated graphics following it),
- changing the whole browser’s window’s “chrome” to custom graphics (as in: custom minimize/maximize/close buttons and the edge graphics of the floating window)
- Maybe throwing full-screen to maximize the impact.Guilty
>
Guilty (habitual offender)
https://news.ycombinator.com/item?id=17109221
DonHopkins on May 19, 2018 | parent | context | favorite | on: Pie Menus: A 30-Year Retrospective: Take a Look an...
>Here’s a demo of HyperTIES with pop-out embedded menus:
>HCIL Demo - HyperTIES Browsing: Demo of NeWS based HyperTIES authoring tool, by Don Hopkins, at the University of Maryland Human Computer Interaction Lab.
https://www.youtube.com/watch?v=fZi4gUjaGAM
>A funny story about the demo that has the photo of the three Sun founders whose heads puff up when you point at them:
>When you point at a head, it would swell up, and you pressed the button, it would shrink back down again until you released the button again.
>HyperTIES had a feature that you could click or press and hold on the page background, and it would blink or highlight ALL of the links on the page, either by inverting the brightness of text buttons, or by popping up all the cookie-cut-out picture targets (we called them “embedded menus”) at the same time, which could be quite dramatic with the three Sun founders!
>Kind of like what they call “Big Head Mode” these days! https://www.giantbomb.com/big-head-mode/3015-403/
>I had a Sun workstation set up on the show floor at Educom in October 1988, and I was giving a rotating demo of NeWS, pie menus, Emacs, and HyperTIES to anyone who happened to walk by. (That was when Steve Jobs came by, saw the demo, and jumped up and down shouting “That sucks! That sucks! Wow, that’s neat. That sucks!”)
>The best part of the demo was when I demonstrated popping up all the heads of the Sun founders at once, by holding the optical mouse up to my mouth, and blowing and sucking into the mouse while secretly pressing and releasing the button, so it looked like I was inflating their heads!
>One other weird guy hung around through a couple demos, and by the time I got back around to the Emacs demo, he finally said “Hey, I used to use Emacs on ITS!” I said “Wow cool! So did I! What’s was your user name?” and he said “WNJ”.
>It turns out that I had been giving an Emacs demo to Bill Joy all that time, then popping his head up and down by blowing and sucking into a Sun optical mouse, without even recognizing him, because he had shaved his beard!
>He really blindsided me with that comment about using Emacs, because I always thought he was more if a vi guy. ;)
Here's a paper about HyperTIES and its embedded text and graphical menus, pie menus, and emacs authoring tool, that we made in the late 80's at the University of Maryland Human Computer Interaction Lab:
https://donhopkins.medium.com/designing-to-facilitate-browsi...
Don Hopkins and pie menus in ~ Spring 1989 on a Sun Workstation, running the NEWS operating system.
https://www.youtube.com/watch?v=8Fne3j7cWzg
HCIL Demo - HyperTIES Authoring with UniPress Emacs on NeWS
I recall also using 1x1 transparent gif for advertising purposes but can't recall exactly why.
Also using curved transparent gif images to give a rounded corner effect on elements using table cells for the corners. Very tedious and also not supported by IE at the time, had to use some funky IE workaround. Now solved by border-radius.
Also using uppercase for all html elements <TABLE> <FONT> etc. I think it was part of XHTML(?) can't recall. We would also run all our pages through an XHTML validator to check for syntax issues.
Also using flash swf files to enable custom fonts. There was some really genius workarounds in those days to implement features we now take (somewhat) for granted.
I'm confused, even considering this is a <2014> article, so before the flexbox alignment goodies, one always was a vertical-align and a forced display table from aligning stuff vertically.
Only 90s Web Developers Remember This - https://news.ycombinator.com/item?id=7300429 - Feb 2014 (394 comments)
I never thought I'd feel nostalgic for that time in my life.
Took me a career in corporate finance to realise I should probably go back to playing with computers again, love every minute of it.
Well except the anguished screams of your react loving co-workers.
> In other words, which editor (FrontPage ‘98, obviously), which web server (GeoCities, you moron),
Oh yes. FrontPage 98!
> I miss the good ol’ days. "Today we have abstractions on top of abstractions on top of JavaScript", of all things. Shit doesn’t even know how to calculate math correctly. It’s amazing we ever got to where we are today, when you think about it.
Couldn't agree more. And not just on the Web, it is abstraction on top of abstraction in everything, from Tech to everything in general.
Oh God and MS Visual Source Safe.
I remember when Aldus and Macromind merged.
I can't believe Adobe was allowed to merge with Macromedia.
> [88x31 pixel buttons] told the tale of all the battles the individual had fought in order to get to where they were today. In other words, which editor (FrontPage ‘98, obviously), which web server (GeoCities, you moron), and which web ring you were a part of (whichever listed your site highest, which was none of them).
https://i.imgur.com/QVcAYqf.png
- http://blooberry.com/indexdot/html/index.html
- http://blooberry.com/indexdot/css/index.html
- https://web.mit.edu/wwwdev/www/cgic.html
And I haven't really done any web programming since cgic days, thankfully.
I remember trying these tricks for my Pokémon site hosted on Angelfire. Great fun as a 10 year old, I even started making my own animated gifs.
The page is still up, with this being the latest announcement: I still need a JAVA person and desperately need more webmasters!!! So if you wan't to help me e-mail
Crypto Twitter is very bullish on Web3 being the resurgence of this type of mentality. Fun and accessible technology that has the potential to mature into something powerful. I can’t help but agree.
Some people may suggest a CMS, but I don't want a CMS. I just want a simple way to create a personal page. What alternative still remains?
Those editors always seemed to make the kludgiest CSS because the CSS 'cascade' makes it hard to create drag and drop components.
Any one more knowledgeable can correct me if I'm wrong.
Couldn't they do it with media queries?
Back in the day everyone viewed your website on a desktop computer, in something around 1024x768 resolution, and if you designed for that then you were fine for most readers. Now, most people will be viewing it on a mobile device, with twice the resolution than it actually appears, and a huge range of possible aspect ratios. There's no WYSIWYG tool that can handle this easily.
Fortunately, there are lots of really simple ways to host your personal page now. From Github/lab pages, to Cloudflare pages, to AWS S3 buckets, there's a huge range of hosting options.
I've used Hugo via Gitlab pages, and it worked really well. Especially because free (as in beer).
DHTML, which stands for “distributed HTML”, was the final feather in our cap of web development tools.
Nice that in 2021 we are thinking so much about decentralized systems though :)
“Dynamic” btw
Blink and marquee tags were the devil though. People who used those should still feel ashamed of themselves.
everything I learned about javascript, I learned from gamelan: https://web.archive.org/web/19961022194345/http://www.gamela...
It's funny how many neural network demos there are. I almost forgot that was one of the prior "AI" waves before the previous AI crash.
Also, I certainly always had a spacer.gif and ya, my only style was indeed to remove underlining links and my only JS was often only for image rollovers.
searching altavista for phpbb forums using a version vulnerable to a given exploit or using cross site scripting waiting for someone to bite it, and then upload 99 shell everywhere you would gain access.
It really felt like having superpower.
Also: clan websites with tiny (pixel) fonts. This was early 2000s and we did font-size 8 or 9 px, because it looked cool.
Of course, the horror were drop shadows as images in a table layout. I was so happy when CSS had drop shadows and you didn’t need image files and ugly markup anymore.
Good times.
Fun times!
https://web.archive.org/web/20051119043111/http://whistlebum...
And the real pros used dithered transparend gifs.
I still use one today, because, in order to maintain the Any Browser promise, I use an XHR request for pre-XHR browsers, which just sets the src of the spacer gif.
If any return values are needed, they're populated into the src attribute with a redirect. :)
Like others have mentioned, the volume of useless code produced by those visually-driven HTML editors was ridiculous. Took forever to sort through it when the same thing could be accomplished with just a few lines.
We didn't start the fire, it was always burning while the beachball was turning.
If you write XHTML, special HTML (XML) characters in <script> MUST be escaped. You can avoid having to escape manually by putting your Javascript between <![CDATA[ and ]]>. That's because the XML parser does not have special handling of script tags, contrary to HTML, and will not forgive any unescaped special character. It will parse them as tags and entities if they happen to be syntactically valid XML tags or entities.
If you write polyglot HTML / XHTML, CDATA sections will not handled as such by the HTML parser and will break your javascript because <![CDATA[ will be parsed as Javascript, and that does not work. But you can put them in javascript comments, like this:
<script>
// <![CDATA[
let your_code = "be here";
// ]]>
</script>
(you will also need to "escape" both "</script>" and "]]>" if they ever appear in the Javascript code).In XHTML mode, the Javascript will look like this after parsing:
//
let your_code = "be here";
//
(because CDATA are interpreted in XML, and "replaced" by their content)In HTML mode:
// <![CDATA[
let your_code = "be here";
// ]]>
(because CDATA sections are not recognized, so they will be handled as normal commented javascript code)sounds more like "dynamic" HTML
and it still exists today except we just call it "javascript" or maybe "front-end web development"
> <!--
> a:hover {text-decoration: none; color: #000000}
> -->
> </style>
The <!—- —> wrapping the inline CSS made me chuckle. The first CSS hack in the history.
I remember playing with Active Dekstop as a kid, but what were channels?
Probably best-known for being the default ad deployment on the Windows 98 desktop.
I still start writing everything in UPPERCASE.
https://en.wikipedia.org/wiki/Xerox_PARC_Map_Viewer
>Xerox PARC Map Viewer was one of the earliest static web mapping sites, developed by Steve Putz in June 1993 at Xerox Corporation's Palo Alto Research Center (PARC). The Xerox PARC Map Viewer was an experiment in providing interactive information retrieval, rather than access to just static files, on the World Wide Web.
>Map Viewer used a customized CGI server module written in Perl. Map images were generated in GIF format from two server side programs. MAP-WRITER created the raster images from the geographic database and RASTOGIF would convert the raster image into the GIF format.
And who remembers Metricom Ricochet wireless spread spectrum radio modems?
https://en.wikipedia.org/wiki/Ricochet_(Internet_service)
>Ricochet was one of the pioneering wireless Internet access services in the United States, before Wi-Fi, 3G, and other technologies were available to the general public. It was developed and first offered by Metricom Incorporated, which shut down in 2001. The service was originally known as the Micro Cellular Data Network, or MCDN, gaining the Ricochet name when opened to public use.
>History
>Metricom was founded in 1985, initially selling radios to electric, gas, oil, and water industrial customers. One of its founders and its first President was Dr. David M. Elliott. Another of its founders was Paul Baran. Paul Allen took a controlling stake in Metricom in 1997. Service began in 1994 in Cupertino, California, and was quickly deployed throughout Silicon Valley (the northern part of Santa Clara Valley) by 1995, the rest of the San Francisco Bay Area by 1996, and to other cities throughout the end of the 1990s. By this time, the original network had been upgraded, via firmware improvements, to almost twice its original throughput, and was operating at roughly the speed of a 56 kbit/s dialup modem; in addition, Ricochet introduced a higher-speed (nominally 128 kbit/s, in practice often faster) service in 1999; monthly fees for this service were more than double those for the original service.
>At its height, in early 2001, Ricochet service was available in Atlanta, Baltimore, Dallas, Denver, Detroit, Houston, Los Angeles, Miami, Minneapolis, New York City and surrounding New Jersey, Philadelphia, Minneapolis-St. Paul, Phoenix, San Diego, San Francisco, Seattle, and Washington, D.C. Over 51,000 subscribers paid for the service. In July 2001, however, Ricochet's owner, Metricom, filed for Chapter 11 bankruptcy and shut down its service. Like many companies during the dot-com boom, Metricom had spent more money than it took in and concentrated on a nationwide rollout and marketing instead of developing select markets.
>Ricochet was reportedly officially utilized in the immediate disaster recovery situation of the September 11, 2001 terrorist attacks, partially operated by former employees as volunteers, when even cell phone networks were overloaded.
And who remembers the Metricom / Xerox PARC Map Viewer Mash-Up, a decade before Google Maps?
https://news.ycombinator.com/item?id=19173570
>Remember Xerox PARC's map viewer, developed by Steve Putz in June 1993, running on a SparcStation 2?
https://en.wikipedia.org/wiki/Xerox_PARC_Map_Viewer
>There was a way to embed maps in a web page and provide a bunch of points of interest to overlay on the map.
>Metricom was using it to provide coverage maps of their pole top box locations, for their spread spectrum wireless mesh radio network (it was rolled out in the Bay Area around 1994-1996 or so).
https://en.wikipedia.org/wiki/Ricochet_(Internet_service)
>I remember being impressed by how cool and powerful (and generous) it was for one web site like Xerox PARC's map viewer to provide dynamic map rendering services for other web sites like Ricochet's network coverage map!
>Then a decade later, along came Google Maps in 2005.
>Also:
https://web.archive.org/web/20020623093514/http://www2.parc....
>A particularly innovative use of the map service is the U.S. Gazeteer WWW service created by Brandon Plewe [Plew1]. It integrates an existing Geographic Name Server with the PARC Map Viewer. A user simply enters a search query (e.g. the name of a city, county, lake, state or zip code) and a list of matching places is returned as a formatted HTML document. Selecting from the list generates another HTML document consisting of two maps (small and large scale) with the location highlighted (using the Map Viewer's mark option). The server in New York does not generate or retrieve the map images, since they are references directly to the HTTP server at Xerox PARC. The user's WWW browser retrieves the map images from the server in California and displays the complete document to the user.
>Documentation:
https://web.archive.org/web/20080621011940/http://www2.parc....
>FAQ:
https://web.archive.org/web/20080420130346/http://www2.parc....
>Details:
https://web.archive.org/web/20080608142726/http://www2.parc....
>/mark=latitude,longitude,mark_type,mark_size place a mark on the map. ",mark_type" (1..7) and ",mark_size" (in pixels) are optional. multiple marks can be separated by ";" (see example below).
>/map/color/mark=37.40,-122.14;21.35,-157.97 Specifies marks for Palo Alto, California and Pearl Harbor, Hawaii.
One cool feature of the early Ricochet modems was that they supported the Hayes command set, and you could issue a command that listed the names of all the other radio modems and pole top radios that were within range. With that knowledge, you could issue the command "ATDT<name>" and connect directly to another modem or pole top box, and then issue remote commands to it, asking it to list out other radios it could see, and explore the network hop by hop!
You could also find those names and locations on the map mash-up, when they later published it, but that took all the fun of hacking out of it. But they eventually disabled those discovery features, and locked the network up more securely.
https://news.ycombinator.com/item?id=26376655
>EvanAnderson 8 months ago | parent | context | favorite | on: We may soon have city-spanning 900 MHz mesh networ...
>I am reminded of the old Ricochet network:
https://en.wikipedia.org/wiki/Ricochet_(Internet_service)
http://daedalus.cs.berkeley.edu/talks/retreat.6.96/Metricom....
>It was an idea ahead of its time.
https://news.ycombinator.com/item?id=12531884
>creeble on Sept 19, 2016 | parent | context | favorite | on: LoRa Range Testing in San Francisco
>Anyone remember Metricom?
>900mhz, miles of range, dial-up modem speeds.
>hhshephard on Sept 19, 2016 [–]
>Yes, yes indeed. Changed my life in 1998 when I no longer had to be in the office when on Pager Duty. Just velcroed a ricochet modem to my laptop and I was good to go from anywhere. We kind of take that convenience for granted these days.
Metricom's radio modems were based on spread spectrum radio technology invented by Hedy Lamarr and George Antheil:
https://en.wikipedia.org/wiki/Spread_spectrum#Invention_of_f...
>During World War II, Golden Age of Hollywood actress Hedy Lamarr and avant-garde composer George Antheil developed an intended jamming-resistant radio guidance system for use in Allied torpedoes, patenting the device under U.S. Patent 2,292,387 "Secret Communications System" on August 11, 1942. Their approach was unique in that frequency coordination was done with paper player piano rolls - a novel approach which was never put into practice.
https://en.wikipedia.org/wiki/Hedy_Lamarr
>At the beginning of World War II, she and composer George Antheil developed a radio guidance system for Allied torpedoes that used spread spectrum and frequency hopping technology to defeat the threat of jamming by the Axis powers. Although the US Navy did not adopt the technology until the 1960s, the principles of their work are incorporated into Bluetooth and GPS technology and are similar to methods used in legacy versions of CDMA and Wi-Fi. This work led to their induction into the National Inventors Hall of Fame in 2014.
https://en.wikipedia.org/wiki/George_Antheil
>In 1941, Antheil and the actress Hedy Lamarr developed a radio guidance system for Allied torpedoes that used a code (stored on a punched paper tape) to synchronise random frequencies, referred to as frequency hopping, between a receiver and transmitter. It is one of the techniques now known as spread spectrum, widely used in telecommunications. This work led to their being inducted into the National Inventors Hall of Fame in 2014.
Nope. It stands for Dynamic HTML.
Why'd you submit this?