> a personal website with the latest and greatest tech from 20 years ago renders like garbage in a modern browser
The irony being that one without the "latest and greatest" tech would still render fine - tbh, even in 2005, some of this "latest" tech was recognised as not the "greatest".
Examples? I don't think daringfireball.net has changed that much since 2002, neither blog.codinghorror.com since 2004.
Coding Horror has moved from self hosted movable type to hosted movable type to Ghost. The theme has been deliberately kept relatively consistent, but the tech has had significant changes.
That didn't last long. The timing is incredibly funny as just 4 days after making this post, Coding Horror _did_ redesign, more significantly different this time.
12 year old me's website from 2002 on webarchive looks like trash compared to when I made it because framesets and css has evolved since then.
Many of my nerdy friends at the time also had fully flash based, or just a flash animation on the front of their websites.
We also all made liberal use of blink and marquee tags which might still work in some places, but are officially deprecated and unsupported in others. At the time, these sorts of things were considered the latest and greatest. Hell, I remember one maniac playing around with Microsoft Silverlight on their personal site as we were in college. We knew some was good, some was bad etc. None of it survives as intended now though, unless it was updated.
There aren't many personal like websites I remember that have stayed personal sites for over 10 years. But some have, kind of. Take gwern.net or stevepavlina (not a regular reader anymore): both of them - if you squint - look pretty similar minimal 2000 - 2010 style as when they first started, but the implementation has had to evolve as even things like CSS have had a bunch of breaking changes over the major versions.
codinghorror uses Discourse for comments, and that didn't come around until 2014, and the only thing that looks like it might be from 10+ years ago on daringfireball is the content: the tech that renders it and the design all hinges on 2010+ technologies and companies.
I love minimal styles and ideals. But if you want to create a personal website that survives time and looks how you expect in a modern browser, even a minimal one, you have 2 options:
1. it has to either look exactly like some variation of motherfuckingwebsite.com, and that will eventually vary between browsers
2. it takes some effort to maintain over a period of years
Sorry, I wrote the lengthy response above and I think just realised me and the other person who responded to you have misunderstood your comment: I think me and the other person initially assumed you're making only 1 point, that latest and greatest tech wouldn't render, but your examples clearly use modern tech from well after 2004, which makes no sense. On rereading, you're making 2 points, right? 1 point is that tech from 2004 can still work (but you didn't provide example) and other point is that those 2 sites you did provide are example that "website structures" (e.g. linear blog) can survive time but didn't actually state that point. Is that right?
Assuming so, you're completely right on your second point, and people who've done that (maintained a blog for years) are the real legends who've conquered person website anxiety. They're better than many, including me and OP, who have the issue of feeling like they need to completely rearchitect their website every 2 years to a wiki, or digital garden, or knowledge base, or whatever the latest PKM tech buzzword is. This is why I was saying that there's no need to crap all over e.g. blogs for rotting, as your examples prove blogs can survives decades. OP is just another response to that feeling of "uuurgggh I can't quite wrangle my thoughts into a neat, atomic, chronological list of blog posts and people who read blogs will judge my personal website, so I'll tell them it's not a blog".
> There aren't many personal like websites I remember that have stayed personal sites for over 10 years. But some have, kind of. Take gwern.net or stevepavlina (not a regular reader anymore): both of them - if you squint - look pretty similar minimal 2000 - 2010 style as when they first started, but the implementation has had to evolve as even things like CSS have had a bunch of breaking changes over the major versions.
FWIW, I don't think CSS/JS have been much of a problem in terms of breaking. Before Said Achmiz got involved, while gwern.net was still a fairly simple static website, there were pretty much no serious instances of browsers breaking the CSS/JS. Everything ran fine. (Browsers are good at backwards compatibility, as long as you aren't pushing features too hard, as my site was not.)
The big problem was changing expectations and demands. 2010-era Gwern.net would continue to look fine and render fine in a 2025 web browser... as long as you were on a desktop/laptop. If you were laying in bed at night on a smartphone or a tablet, it would be both blinding and unreadable. This wasn't a problem in 2010, when <5% of my traffic was 'mobile' and mobile was very hard to design for even if you wanted to bother, but it is a problem in 2025, when >50% of my traffic is mobile. You can't write off >50% of your traffic.
People now assume that a website will render reasonably on a smartphone, and they increasingly assume there will be a dark-mode. But, even if you aren't using a legacy website based on Flash or tables, and are creating a clean greenfield HTML5 website, these are actually quite complex, demanding features!
You can get 80% of the way with some relatively simple tweaks, but then the rest can be almost arbitrarily difficult. Note that aspects of dark-mode can be subtle - while most websites have settled on the body class approach which avoids the 'blinding flash of white' problem, they continue to screw up dark-mode by treating it as a binary toggle between light vs dark, instead of a three-way toggle between auto vs light vs dark, and most dark-modes settle for fading out images instead of inverting vs fading them with a heuristic like https://invertornot.com/ . (We're still iterating on both features. Most recently, in November 2024: moving the scrollspy header to the bottom of mobile screens instead of top, and taking another dive into color theory in order to have colored link-icons which look good on mobile dark-mode.)
Compared to the burden of features like a mobile mode which is actually good, the regular level of web browser JS/CSS breakage is scarcely noticeable. (It tends to look something like, 'oh no, now in Chrome 123, there's a 1px gap in the dropcaps and the spacing constants have to be adjusted, THANKS GOOGLE'. Annoying, but hardly a major burden.)
Of course, you can quickly strangle yourself with your dependency stack, particularly if you get involved in NPM or you listen to the wrong web gurus, and your website will break overnight, and JS is definitely very fragile and rapidly bitrotting if you define 'JS' as node et al. But if you are being sensible about it and using plain JS (as we do) or well-chosen stable frameworks, of web dev's woes, 'web browsers keep breaking old working CSS/JS' is thankfully far down the list.
The big problems are self-inflicted ecosystem problems like bitrot/bitcreep (https://gwern.net/holy-war#bitrot), and the ever greater complexity expected of websites compared to the old 'preview in the only web browser anyone uses (ie. IE6), make sure it looks fine in the standard monitor dimension 800x600, export from MS Frontpage, ftp up to your shell account, done' days.
You have no idea how much joy it brings me to have something written to me, from you :) Your site does such an amazing job of capturing a particular way of thinking and interacting with the world. I can't articulate what that way is exactly, but it's been an immense comfort and an inspiration to me personally in so many ways since around 2010. I identify as a bit of an overthinker, and I see your site as a testament to what an overthinker can produce if they can wrangle their thoughts into a coherent personal website structure. I'll try not gush too much, but you are someone I have respected and followed on and off for most of my adult life, thank you, please have some warm fuzzy feelings of being appreciated by a random internet stranger. Anyway, back on topic...
I think it depends what you define as breaking. I'm a simple, nerdy, backend/infra kinda person, so CSS issues don't really bother me too much - I like your "what gets used, works" thought, if I can read the text, I'll live with it. But I've met stereotypical designer-type web devs who make the 1px gap in Chrome 123 at least sound like a major burden. I don't know Said, but I assume they sit slightly closer towards the "1px gap _is_ broken" side than you or me, even if they're not a full blown designer-type.
Regarding changing expectations, and the mobile example, I find it really interesting to read your thoughts on that. I feel like your website is an exception to normal expectations, at least for me. If I find myself on your site on mobile, I just e-mail the link to myself and pick it up on desktop. The information is so dense, stimulating and interlinked that consuming it on a tiny mobile feels like listening to Mozart over a tin can and some string. I think the physical mobile form factor is not good for long form or cerebral content, but maybe that's my own DeSkToP iS BeStToP bias.
Have you done any analysis on bounce rates based on first visit device? I would guess a slightly higher return rate for people who visit on desktop first, as - to me at least - the archetypal gwern.net desktop website experience is a big part of the charm.
> But if you are being sensible about it and using plain JS (as we do) or well-chosen stable frameworks, of web dev's woes, 'web browsers keep breaking old working CSS/JS' is thankfully far down the list.
I think some of this also depends on motivations for having a website too. If it's to get notes out there, then as long as it can be read it's fine. But if it's to stay up to date and be associated with the latest and greatest web experiences and technologies (or at least be perceived to) you're destined to a life of new-shiny chasing and tech churn. I do wonder how much of that ability to identify "sensible and plain JS" comes from shiny-chasing 10 - 20 years ago and just using the bits that still work from then. What will be the "sensible and plain JS" in 20 years time?
A lot of this I guess is also specific to being a dev for a personal site, rather than pro web designer: part of being a modern business is keeping a modern front, so whilst "browsers breaking because of old stuff" is far down the list "having to switch to new shiny framework because of business decision to 'refresh' things" is a lot higher.
But to try bring to some sort of conclusion, on a technical/presentation level, HTML/CSS/browser breaking stuff are - or will be - problem for a lot of people getting started with personal websites, because even experienced nerds can struggle to identify which tech will be around in 5 years time. You probably don't see it as that much of a problem, because you've solved it with a combination of the 2 options I gave: your site feels like a stylistic ally to motherfuckingwebsite.com (minimalism), and effort has been put in to maintain it over the years (e.g. UI update efforts via Said).
To tie this back to OP about blogs vs wikis, that's a slightly different problem the author faces IMO. Not quite bit rot, but something higher level, an anxiety around content structure matching the shape of thought of the individual author, and the perception of that (blog vs wiki vs garden vs pkm buzzword) rather than technical (React vs Angular vs js/css buzzword).
I think Said is a lot closer to the '1px is broken' than me, but also that it's not really that important. How many websites have dropcaps at all? They are fun to have, but very optional. And so if you find the maintenance to be a burden, you can simply not do that. And then the core CSS/JS basically never breaks. (All of your problems will come from churn elsewhere, like SSL certificates - a major source of feature creep is the demand that everything be HTTPS now - or OS upgrades or SaaS bitcreep.) So my point is that a simple website is as close to zero-maintenance as makes no difference. It's much more complex than plain text files, but that complexity is widely implemented and is stable.
I too am biased towards desktop and have to force myself to make any use of the mobile version, and check for regressions or friction. I find mobile to be incredibly stultifying for any kind of complex work or thinking. Nevertheless! There are a lot of mobile readers (including many people I respect and would like to keep as readers). So, mobile's gotta be good. At least I think we have managed to create about as realistically good a reading experience on mobile as feasible, and serve as a design showcase there too, to shame everyone else.
That sounds plausible, but I haven't attempted to link visitors across devices. I am not sure if Google Analytics even allows that. (The new one is so confusing and hard to use I've largely stopped looking at traffic statistics.) I think it might be hard to interpret such an interaction, though, because mobile users bounce so fast and clearly so distracted & thoughtless & crippled (eg. because they are killing time on a bus), while desktop readers are much more mindful and 'high-quality time', so they are different in many ways beyond what version of the website they see.
Do very many people actually want to claim to show off the latest web dev gimmick? I'd say not. Almost no one is doing that. Even web devs often have quite plain personal websites or blogs which are not trying to show off their mastery of the latest Nodebuzz.js (best viewed in Chrome 234) feature. When people write about their new Proton static site which uses Netlify to cross-compile from Github pages through AWS Lambdafront functions called on demand with a Kafka load balancer to prerender pages for the wasm.js shim and it only costs $100/month after optimization to host their blog with 50 pages and 50 views/day (aside from that time they accidentally created 10MB of logs and it cost $1,000 but don't worry, AWS was willing to forgive it), I am pretty sure they are not going through that to impress an employer! They are going through that because it's a lot of gizmos and puzzles to play with and 'number go up', and the end-result is irrelevant. They are doing it to watch the gears of the new toy go round, as Norbert Wiener said of the atom bomb makers. Which is fine, as long as you're just getting experience (and also not making a new atomic bomb), but may have side-effects in naive people thinking that any of that is a good idea, much less necessary.
Managers & designers, on the other hand, do need churn to justify their existence. Look at the hilarious trends of companies commissioning new fonts where you can't see the difference with some Helvetica-like even overlaying the fonts, accompanied by thousand-word manifestos rhapsodizing over the design process inspired by the cliffs of California and the sensual humanism of Bauhaus (with a cheeky node to Swiss Modernism, and a dangerously daring serif on the 'g').
Oh, I think I would disagree there. As I was saying, browsers are actually amazingly good at backwards compatibility (perhaps too good). Which makes it easy to decide what browser features to use: if it's Chrome-only, sure, it may be gone in 5 years, but you don't have to be a genius to know "maybe I shouldn't make any major use of a Chrome feature that no other browser wants to support, and I should wait and see". I may have mentioned that we have a rule of thumb: we can use anything with >95% global support on CanIUse.com, and anything else must be backwards compatible/polyfilled or not used at all. We've hit a handful of things where the browsers betrayed us (I'm lookg at you, `<srcset>` and `ping` attribute), which you can find on https://gwern.net/design-graveyard but you know, even mid-1990s `<blink>`, which was never standardized to begin with, worked until 2013! So I'll put it this way: I don't think you can name 3 examples of reasonably widespread features, which were standardized and had >95% CanIUse.com support as of 5 years ago (2020), which are now either broken or rapidly being removed and have fallen <95%. (The only examples I can find are still exotic: https://en.wikipedia.org/wiki/Cache_manifest_in_HTML5 , browser FTP support, and https://en.wikipedia.org/wiki/HTTP/2_Server_Push 2 of them would have been bad ideas to use in new code in almost any circumstance, and I suppose for personal websites you could've in theory used the cache for an offline browseable website... maybe. I doubt many people ever did.)
I think there's some degree of anxiety around perfectionism, but also around the aversion of writing (some people find any kind of writing to be very difficult, even when they have just written an essay by talking to you in a chat client), and the fear of pseudonyms being broken or being canceled. (Zoomers & Alphas seem particularly terrified of 'the dark forest'.)
The irony being that one without the "latest and greatest" tech would still render fine - tbh, even in 2005, some of this "latest" tech was recognised as not the "greatest".
Examples? I don't think daringfireball.net has changed that much since 2002, neither blog.codinghorror.com since 2004.