This is such a great suggestion, actually.

So, tell us, what *did* it feel like to make your first website?

https://donotreply.cards/en/do-post-what-it-felt-like-to-make-your-first-website

(via @danhon https://dan.mastohon.com/@danhon/113018272551284688)

DO POST WHAT IT FELT LIKE TO MAKE YOUR FIRST WEBSITE ↱

DO USE DO NOT REPLY CARDS FOR BETTER REPLIES

I was ~15. After much begging, I'd got access to the internet. My ISP offered the usual for the time - internet, email and usenet access, plus web hosting.

I was the kind of kid who had got used to exploring GUIs. I wasn't a coder but I was pretty computer literate when I could click around. I never chose the "recommended settings" for anything and of course I had found Weezer's Buddy Holly video.

I had no idea where to start to be honest. I went exploring and found Word could save to HTML...

Not only would Word save to HTML, but it would let you edit it too, flipping back and forth editing the code or editing the visual stuff in the usual Word way, and seeing how code changed:

https://front-end.social/@sarajw/112218176408848931

(skip to the thread payoff: https://front-end.social/@sarajw/112220736071571763)

This is how I learned how to build websites!

It was love at first upload. My URL was saraw.clara.net. Nothing to be seen in the Wayback Machine I'm afraid, first save in 1999, and it saved only the frameset. I was using framesets!

Sara Joy :happy_pepper: (@[email protected])

Do I want to try and install Word 97 just to prove to myself there really was an HTML editor built into it? I swear that's how I learned HTML. I think for my personal history I need to know. And take some decent screenshots...

Front-End Social

I loved it. I still love it.

I still don't really know why it's so satisfying to build up a web page (not even a site, just a pretty page will do) from scratch like that, why turning plain text into fancy webby stuff was such fun. Is such fun.

And it can be so *quick*. I think that's one reason why burnout is high lately - there's so much overhead now and... Not always for any good reasons.

All the overhead (DevOps, frameworks, all the stuuffffff) gets in the way of change stuff! See results!

A throwback memory appeared:

The first summer after discovering all this, I suffered my first long period without internet on my dad's boat - addicted already - and what did I do? I planned a website design.

I had a block of squared paper - and you know the "cool S"? I first drew up a whole font in the same style, and used it to make titles to use as headings and as buttons for my links within my new navigation-to-be. I coloured them in with neon highlighters.

I scanned them when I got back 😄

@sarajw wow, that's SO cool haha. Talk about someone with a passion for web stuff. Rad
@sarajw Wow! I still have a font I created this way.😅with most of the non-alphanumeric characters missing.

@sarajw This is why I love @eleventy. For my money, it's as close to what I wanted once I figured out what I was doing 25+ years ago — reusable templates, a bit of processing, and the option for total control, should I need it.

For what it's worth, I started in 1996 with Frontpage in my school's brand-new Windows 95 lab during my senior year. I quickly found it wasn't cutting it, and I would need to actually learn HTML to achieve my vision (the best Boba Fett fan page on all of Geocities).

@Chris @eleventy yaaaaas is yours available on the internet archive? Sounds awesome!

@sarajw @eleventy Who needs the internet archive — I have it on my actual website!

I wrote a post about it a few years ago, where I link to both a 1998 and 1999 version of it.

https://illtron.net/2019/04/boba-fetts-lair/

The earliest working capture on the Internet Archive is the 1999 version, from 2001. I'm a digital pack rat, and so I'm really bummed that I don't have my very oldest stuff.

Boba Fett’s Lair

A quick story about the first real thing I put on the web, along with some GeoCities-era web archaeology.

@Chris oh gah, that's so cool.

I lost all my earliest stuff years ago after I wiped and reinstalled a PC. I decided all the old data didn't need to come with and could just sit on an external hard drive, which itself got wiped at some point. There's a whole load of stuff I'm so sad I don't have any more 🥲

@sarajw Yeah, my very oldest stuff was only ever on PC-formatted floppy drives since I did all of it in the school computer lab at first. Everything on Geocities was overwritten every time I made a change, since it was all pasted into the File Manager. I actually have old school reports, poetry, and other assignments from the mid-'90s though.

There may be chance the floppies still exist in some box, but I doubt they'd work even if I had a floppy drive to read them.

@Chris feels so alien now to have such precarious data stores - what with all the easy ways to back up, cloud storage etc.
@sarajw As a librarian, I have regularly taught an HTML & CSS class that is really meant as an optional precursor to the classes I do on Wordpress and Drupal, but I have them build a site from scratch using a text editor. First the HTML and then the CSS.
I love doing it so much.
@fskornia it's so great that you can still just do that. The web is the best for backward compatibility.

@sarajw

Clara.net. goodness. My dad was super angry at me for getting Claramail because he thought that email had to be kept on a computer not accessed through a web page. 😑

@Homebrewandhacking oh that must have come later! Don't remember them having web mail... 🤔

@sarajw

I can date it to 96-02 ish before it went down.

@Homebrewandhacking oh! *Before* my time then! Maybe they did offer webmail that I didn't use, or they stopped it. Hm!

@sarajw

Not an experience I'm used to having here, but fair. 😀

@Homebrewandhacking haha! Depends on the crowd you run in on here :) think I'm probably in the middle of the bell curve at 40...

@sarajw

Goodness, you look so much younger! 😀

96 was 6th form college. 😀

My dad was an early adopter of the internet and went on bulletin boards. Downloaded some games off them for me.

I'd probably have been more of a technical person if he hadn't given me an inch thick book on programming in Basic and said "work your way through that".

When I was 14. :-/

@Homebrewandhacking hahahah. Yeah that doesn't sound like a great introduction... I do wonder how to get my kids into it, if they like the idea - but I'll wait until they show interest and then support :)
@Homebrewandhacking also thanks for the compliment 😉 of course my profile pic is one of the more flattering ones!

@sarajw

There are so many resources and games out there. I really enjoy gamification of learning but I'm a big games nerd. 😀

@sarajw my first ISP offered email, Usenet and IRC, no web space. When I got my own phone line and ISP I got 5mb of space that I could FTP to.

I made my pages with notepad.exe and followed tutorials from the local Netguide magazine and htmldog

@flamed I did quickly migrate to notepad once I realised that Word kept inserting useless HTML elements 😄 but it was the WYSIWYG effect it had which got me started :)

Of course once I realised I could just open the .html file in the browser and refresh it after every change, the whole Word interface seemed very cumbersome. Everyone gotta start somewhere!

I remember W3Schools being very helpful back then, as well as view-source of course 🤩

@sarajw I spent days downloading a shareware/trial version of Front Page 97, connection kept disconnecting…

I wound up with a cracked version of Dreamweaver which I spent time in the code editor part.

CuteHTML was another editor I used in the early days as I also used CuteFTP for getting my websites onto the servers.

@sarajw at some point I ended up with an official boxed version of Front Page. It got leant to someone and I never saw it again.

I don’t remember the exact order of getting/using these tools but they were all in the period between 96-99

@flamed oh boom, throwback, I remember CuteFTP! I'm not sure I used or saw CuteHTML though 🤔
@sarajw @danhon It was 1996 or 1997, so I would have been 14 or 15. I had been online for a few years (Prodigy, Compuserve, AOL) and then there was Geocities!
I'm still proud that I had an original neighborhood address (before they introduced the "suburbs". I remember learning basic HTML. Having an animated Under Construction gif. Having a MIDI play when the page loaded.
I remember emailing fantasy publishers to ask permission to use their logo to link to their sites.
https://web.archive.org/web/20050509132418/http://www.geocities.com/area51/5173/
The Dragon’s Free Library

A site for those interested in science fiction and fantasy.

@fskornia beautiful 🥰 reminds me of websites I'd have had in my friend links too..
@sarajw @danhon My dad helped me set up my own website some 22-23 years ago. Originally it featured stuff I liked, but after he taught me some basic HTML I was able to maintain and update it myself.
I had it up and running for quite some time and after meeting my partner it was transferred under my own domain.
I’ve since then retired the website but the domain still exists for my personal email.
@sarajw @danhon What it felt like? It was a new fancy thing for a teen in the early 2000s. Before social media was what it is now.
I had many things to share with the world and the site was a way to get stuff out of my head.

@quester @danhon it's such a different world now social media made it easy (and I'm not saying it shouldn't be).

Did you also feel a little thrill back then - "So I can just... Click upload, and now it's out there, for anyone to see, what?"

@sarajw @danhon Yeah! I even went so far as to check with each update that everything looked as it should. Sometimes a typo in the code threw something off and then it took some time to locate the mistake to fix it.
The best thing was when I learned to create links and add pages to each sublink if I wanted to 😂

@sarajw @danhon I believe it was from playing with a demo copy of Macromedia Dreamweaver from a magazine cover CD. Hosted on the free hosting that came with Freeserve (our ISP back then).

Everything seemed magical. The web was not yet commercialised; it was a sea of interlinked pockets of enthusiasm and nerdery and friendliness. You could bump into new ideas and concepts constantly, never sold anything. It truly felt like the future anyone would want. And *I* could be part of it?! Stunning.

@sarajw @danhon Man, the "Bert is Evil" days and earlier. I still remember playing with Netscape Navigator on Windows 95 before we got our Modem. On a Pentium 166MMX with 16Mb RAM and a 1.2Gb HDD. Wondering what the internet would actually be like at home - I don't think we even had it at school yet. Browsing the Help page, watching the logo of the world spin. Plowing through all the menu items to see what was there.

I miss those days.

@mattwilcox @danhon having that bored and free teenage time to just plough through all the things, just exploring
@mattwilcox @sarajw @danhon There was this fellow going by "Raybiez" who used to post patches/cracks for all the Macromedia trial versions back then. And the software didn't mind if you just copied the folder to another computer, would recreate all the necessary (Windows) registry entries the first time you ran it.
It really was magical. You could tell that the software companies (except Microsoft) actually listened to what users wanted between releases.

@sarajw @danhon

I had been on a Pipex 1 day course on html in Jan ‘95 and coded up my first page, then went on to build up a site and push it live. I remember being really scared that anyone in the world could see and read what I had designed but the excitement was extreme. This really was something new.

Was 3 or 4 days before it got its first visit. Bit of a letdown, but set expectations for the future! 🤣

@sarajw @danhon (context: it was 1996) It felt like the future. It felt fun, exciting, like we were exploring a new world. https://weblog.200ok.com.au/2016/08/20-years.html
20 years | the 200ok weblog

@sarajw @danhon I’m gonna have to write a blog post about building my first website, back in 2003-04 or so. It did feel very cool and I seemed to be in the right place at the right time to try to do it. Interestingly, it was a complete website for a private school. It's a long story and worthy of a blog post. Unfortunately, there aren't any good images from the Wayback Machine. But I do have the full site, a Movable Type implementation, on my laptop.
@sarajw @danhon Not sure I remember a particular feeling other than fascination. Sometime in ‘95 or so I downloaded the most current HTML specs at the time, printed them as a book, and read it front-to-back, learning as I went, hand coding it all in a text editor. I still have an early 1996 archive of my page at that time that I keep online: http://michaelhans.com/19960227/woody.html Netscape 2.0 enhanced, even!
Woody's World of Wonders

@sarajw TBH I can't remember which website I built first, nor which service. Was it my Sonic fansite or my Buffy fansite? Was it on Excite or 50 Megs? I don't remember exactly, but I know I wrote it in notepad because my even nerdier cousin showed me how to view source, and friends I learn /entirely/ from example>experimentation. Since my alternative was MS Word he really saved me from a lifetime of bad WYSIWYG practice. (I wouldn't discover CSS for the better part of a decade.)
@sarajw But as for feelings, it was incredible. I had saved to spend $99 on a horrible black-and-white scanner, which meant I was finally able to share my art with the fandoms I was physically isolated from. I could show the fuck off. I don't think I've ever been more productive than when I was freshly online, doing completely free Pokemon OC portraits because I had time to kill and boundless energy for drawing. What a time.

@sarajw I was in my mid-teens as far as I can tell. The timestamp on this file is 1997 but it could have been earlier. Hosted on Compuserve, then Geocities and finally Tripod before I got my own hosting.

Making your own website was liberating. You could literally look at how other sites were built and very easily copy/paste things you liked, expressing yourself through what you created.

Good luck doing that with a React or Angular site.

@danhon

@sarajw @danhon My only tools were Notepad and an online syntax chart for html. And a desire to write a useful browser-based tool (well, useful for a bunch of gamers).
It took several months before I got basic tables to start doing what I wanted, but I actually got a simplistic graphics program working entirely in the javascript (and php).
Last I checked, most of it still exists on the wayback machine, although without hosting it doesn't work.

@sarajw

@danhon

Oh, crikey. Pale text on black tiled backgrounds b/c Netscape v0.x supported that kind of malarkey. Caslon old face b/c online-goth was A Thing, and then slow hacking about with PotatoShop to build glitchy animated GIFs for title images.

I guess there was a lot of zine culture in what I was attempting, but with less pritt and more swearing.

@JuliaRez @danhon love that! There's still a bit of that around in the revival web
@sarajw @danhon I don't even remember which was the very first. But I was just thinking the other day that I must have the early ones on a dvd in the drawer. I passed by a certain fountain in a village and noticed it had lost its former elegant spout, and I know I have a good photo of it I took in 2000 and that I put that photo on the website.
@twobiscuits might be on the Wayback Machine too?
@sarajw I can't even remember what domain or webspace I was using back then. Probably something free from my then provider.
@sarajw @danhon It was the late 90s and I had a small booklet that came with our modem that had a chapter on writing HTML. I spent hours collecting images of Mars and making a website about the planet. I found a copy of Netscape Composer on a CD-ROM of Encyclopædia Britannica and started using that to make tables to lay out more elaborate designs. I didn’t even learn how to put the pages I made on a server until a couple years later, but still it all felt magical!
@sarajw @danhon I was also tinkering with VRML a lot at the time after I found a book about it in the bargain bin at the store. It was so complex though, I only made very basic .WRL files of my own, but then became interested in finding different VRML browsers and exploring spaces made by others. It was less than half/baked at the time but still if felt like an early metaverse, one that wasn’t just some scammy crypto/corporate trash heap!
@sarajw @danhon Magical! First one was a GeoCities thing, back in 97/98. Then I figured one could write some words, and a site would be online, for everyone to see. You edited stuff, and it would change immediately.

@sarajw @danhon It was the space year 2000. I was 16, and my secondary school class had finished our GCSEs and were starting to drift apart.

Freeserve was all the rage in the UK. Free internet access! Free email addresses! Free webhosting space! I was making the most of the first two and not using the third at all. (1/3)

…so I put together a website for my year group. It hosted photos from our prom, a messageboard, and lots of easter egg pages. I built the entire thing in Microsoft Publisher.

People really looked forward to updates, and the messageboard was very popular for a while. The school itself even asked if we could do something official which rebellious 16-year-old me politely declined while we made fun of the headteacher. (2/3)

It was fun but shortlived. Everyone moved onto MySpace and, frankly, Publisher was No Fun. I’m gratified that parts of it still exist on archive.org: https://web.archive.org/web/20010516015057/http://www.jog2000.fsnet.co.uk/ (3/3)
The Totally Unofficial John O' Gaunt Class Of 2000 Website

The Totall Unofficial John O' Gaunt Class Of 2000 Website

@bendaubney Freeserve was great! Mum was much happier with the phone bills once I moved onto it, hahah. I also had an online friend with a cable connection, who had a backup dialup account which he let me use for free for ages :D

Somewhere I have a fsnet website on the web archive I think, hmmm... Those early sites are so full of teenage overshare though 🫣