fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

8.7K
active users

#vintageweb

0 posts0 participants0 posts today
ResearchBuzz: Firehose<p>Boing Boing: No JS, No CSS, No HTML: online “clubs” celebrate plainer websites. “The revived No JS Club celebrates websites that don’t use Javascript, the powerful but sometimes overused code that’s been bloating the web and crashing tabs since 1995. The No CSS Club goes a step further and forbids even a scrap of styling beyond the browser defaults. And there is even the No HTML Club, where […]</p><p><a href="https://rbfirehose.com/2025/06/29/no-js-no-css-no-html-online-clubs-celebrate-plainer-websites-boing-boing/" class="" rel="nofollow noopener" target="_blank">https://rbfirehose.com/2025/06/29/no-js-no-css-no-html-online-clubs-celebrate-plainer-websites-boing-boing/</a></p>
ResearchBuzz: Firehose<p>Found in my RSS feeds: GeoCities.live. Turn any Web pages into a 1990s GeoCities blink fest. Lots of fun.</p><p><a href="https://rbfirehose.com/2025/04/14/geocities-live/" class="" rel="nofollow noopener" target="_blank">https://rbfirehose.com/2025/04/14/geocities-live/</a></p>
Blake Patterson<p>I just discovered Old'aVista.</p><p><a href="https://oldavista.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">oldavista.com/</span><span class="invisible"></span></a></p><p><a href="https://oldbytes.space/tags/vintagecomputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vintagecomputing</span></a> <a href="https://oldbytes.space/tags/retrocomputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>retrocomputing</span></a> <a href="https://oldbytes.space/tags/vintageweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vintageweb</span></a> <a href="https://oldbytes.space/tags/altavista" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>altavista</span></a> <a href="https://oldbytes.space/tags/searchengines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>searchengines</span></a> <a href="https://oldbytes.space/tags/nostalgia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nostalgia</span></a> <a href="https://oldbytes.space/tags/archive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>archive</span></a> <a href="https://oldbytes.space/tags/computinghistory" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>computinghistory</span></a></p>
Starshine 🏳️‍⚧️ 🌜<p>Looks like CNN finally took down their old O J Simpson trial page: </p><p><a href="http://edition.cnn.com/US/OJ/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">http://</span><span class="">edition.cnn.com/US/OJ/</span><span class="invisible"></span></a></p><p>Seems they did it fairly recently too, the last wayback machine capture was in July this year: <a href="https://web.archive.org/web/20240000000000*/https://edition.cnn.com/US/OJ/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">web.archive.org/web/2024000000</span><span class="invisible">0000*/https://edition.cnn.com/US/OJ/</span></a></p><p><a href="https://icosahedron.website/tags/vintageweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vintageweb</span></a> <a href="https://icosahedron.website/tags/vintageinternet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vintageinternet</span></a> <a href="https://icosahedron.website/tags/90sweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>90sweb</span></a> <a href="https://icosahedron.website/tags/90sinternet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>90sinternet</span></a> <a href="https://icosahedron.website/tags/oldweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>oldweb</span></a> <a href="https://icosahedron.website/tags/oldinternet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>oldinternet</span></a> <a href="https://icosahedron.website/tags/90s" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>90s</span></a> <a href="https://icosahedron.website/tags/the90s" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>the90s</span></a> <a href="https://icosahedron.website/tags/oldwebsites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>oldwebsites</span></a> <a href="https://icosahedron.website/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a></p>
ednl 🇪🇺<p>I made these in, I think, 1998 in MS Paint and MS GIF Animator, frame by frame, pixel by pixel. They got very popular which also got them a hate page, haha.</p><p>In action with an unironic HTML MARQUEE tag: <a href="https://www.dronkert.nl/triton/boats.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">dronkert.nl/triton/boats.html</span><span class="invisible"></span></a></p><p>On my Rowing Technique page: <a href="https://www.dronkert.nl/triton/techniek.php" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">dronkert.nl/triton/techniek.ph</span><span class="invisible">p</span></a></p><p>And at the rigging charts I copied from Steve Redgrave: <a href="https://www.dronkert.nl/triton/afstelling.php" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">dronkert.nl/triton/afstelling.</span><span class="invisible">php</span></a></p><p>(These old pages long since disappeared from the original boat club website that I made.)</p><p><a href="https://mastodon.social/tags/rowing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rowing</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/gif" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gif</span></a> <a href="https://mastodon.social/tags/vintageweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vintageweb</span></a></p>
MRK<p>Web Design Museum <a href="https://www.webdesignmuseum.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">webdesignmuseum.org</span><span class="invisible"></span></a> exhibits thousands of screens and videos of old websites, mobile apps and software from 1990s to mid-00s.<br><a href="https://101010.pl/tags/WebDesignMuseum" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesignMuseum</span></a> <a href="https://101010.pl/tags/OldWebsites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OldWebsites</span></a> <a href="https://101010.pl/tags/DigitalHistory" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalHistory</span></a> <a href="https://101010.pl/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://101010.pl/tags/RetroApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RetroApps</span></a> <a href="https://101010.pl/tags/SoftwareHistory" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SoftwareHistory</span></a> <a href="https://101010.pl/tags/InternetHeritage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InternetHeritage</span></a> <a href="https://101010.pl/tags/VintageWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VintageWeb</span></a> <a href="https://101010.pl/tags/WebDesignExhibition" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesignExhibition</span></a> <a href="https://101010.pl/tags/TechNostalgia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechNostalgia</span></a></p>
Cecelia<p>I started thinking about the vintage web and web rings while looking through some old apps and then trying to get a browser to run under Mac OS 7.5.5 in Basilisk II just to verify that my old website works with older browsers.</p><p>(Spoiler Alert!) It’s kinda broken. I switched from inline attributes for styling to using inline CSS, so some pages had backgrounds and no gaudy blue outlines, and some didn’t. Then I got sucked into installing a period appropriate QuickTime. Pro started in 3.0 and the key I purchased apparently doesn’t work on it. 🙃 Had to try a couple of keys listed elsewhere, but it’s nice being able to watch the videos I have on my website again.</p><p>Well, here I am adding bgcolor and border attributes to HTML tags like a My First Webpage coder. 🥰</p><p><a href="https://tech.lgbt/tags/VintageWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VintageWeb</span></a> <a href="https://tech.lgbt/tags/BasiliskII" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BasiliskII</span></a> <a href="https://tech.lgbt/tags/MacOS7" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MacOS7</span></a> <a href="https://tech.lgbt/tags/NetscapeNavigator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NetscapeNavigator</span></a> <a href="https://tech.lgbt/tags/QuickTime" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>QuickTime</span></a> <a href="https://tech.lgbt/tags/HTML4" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML4</span></a> <a href="https://tech.lgbt/tags/CSS2" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS2</span></a> (probably)</p>
Sebastian<p>Heute mal wieder ins <a href="https://berlin.social/tags/MultiMedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MultiMedia</span></a> Buch von <a href="https://berlin.social/tags/DataBecker" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataBecker</span></a> geschaut (danke <span class="h-card" translate="no"><a href="https://oldbytes.space/@82mhz" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>82mhz</span></a></span>) - die Fibel von 1994 zu Multimedia-Treibern, Klängen, Bildern, Animationen, Videos, <a href="https://berlin.social/tags/Hypertext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hypertext</span></a> und <a href="https://berlin.social/tags/Cyberspace" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cyberspace</span></a>. Und mit CD-ROM! Habe ich mir zum Schulpreis 5. Klasse ausgesucht und waren meine ersten Berührungspunkte mit <a href="https://berlin.social/tags/MIDI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MIDI</span></a> und <a href="https://berlin.social/tags/VisualBasic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VisualBasic</span></a>. <a href="https://berlin.social/tags/RetroComputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RetroComputing</span></a> <a href="https://berlin.social/tags/VintageWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VintageWeb</span></a></p>
staxl<p>Any more websites like this still out there? <br><a href="http://www.markprindle.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">http://www.</span><span class="">markprindle.com</span><span class="invisible"></span></a><br>I'm dying for simplicity.</p><p>Also, what a time to be alive it was when you had Nikki Sudden actually commenting on some random review of a Swell Maps compilation. </p><p>Also, the place where I discovered Polvo.</p><p><a href="https://sonomu.club/tags/00sWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>00sWeb</span></a><br><a href="https://sonomu.club/tags/musicreview" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>musicreview</span></a><br><a href="https://sonomu.club/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a><br><a href="https://sonomu.club/tags/OldWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OldWeb</span></a><br><a href="https://sonomu.club/tags/VintageWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VintageWeb</span></a><br><a href="https://sonomu.club/tags/retroweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>retroweb</span></a><br><a href="https://sonomu.club/tags/y2k" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>y2k</span></a></p>
staxl<p>Found a new home...<br><a href="https://cybergrunge.net" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">cybergrunge.net</span><span class="invisible"></span></a></p><p><a href="https://sonomu.club/tags/cybergrunge" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cybergrunge</span></a> <a href="https://sonomu.club/tags/90sWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>90sWeb</span></a> <a href="https://sonomu.club/tags/glitch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>glitch</span></a> <a href="https://sonomu.club/tags/Experimentalmusic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Experimentalmusic</span></a> <a href="https://sonomu.club/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a> <a href="https://sonomu.club/tags/OldWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OldWeb</span></a> <a href="https://sonomu.club/tags/VintageWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VintageWeb</span></a> <a href="https://sonomu.club/tags/retroweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>retroweb</span></a> <a href="https://sonomu.club/tags/90s" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>90s</span></a> <a href="https://sonomu.club/tags/y2k" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>y2k</span></a> <a href="https://sonomu.club/tags/geocities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geocities</span></a> <a href="https://sonomu.club/tags/myspace" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>myspace</span></a> <a href="https://sonomu.club/tags/angelfire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>angelfire</span></a> <a href="https://sonomu.club/tags/creativecommons" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecommons</span></a></p>
Sebastian<p><a href="https://berlin.social/tags/Internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Internet</span></a> Artifacts, a collection of memories from the <a href="https://berlin.social/tags/VintageWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VintageWeb</span></a> by Neal Agarwal.</p><p><a href="https://neal.fun/internet-artifacts/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">neal.fun/internet-artifacts/</span><span class="invisible"></span></a></p><p><a href="https://berlin.social/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Web</span></a> <a href="https://berlin.social/tags/History" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>History</span></a> <a href="https://berlin.social/tags/Museum" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Museum</span></a><br>(via <span class="h-card" translate="no"><a href="https://tldr.nettime.org/@leitmedium" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>leitmedium</span></a></span>)</p>
Laura E. Hall<p>2) Craving some old Flash games? Between emulators and archives, you just might be able to finally replay your favs</p><p><a href="https://www.wired.com/story/how-to-play-old-flash-games-ruffle/" rel="nofollow noopener" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">wired.com/story/how-to-play-ol</span><span class="invisible">d-flash-games-ruffle/</span></a> </p><p>Non-paywalled link: <a href="https://12ft.io/proxy?q=https%3A%2F%2Fwww.wired.com%2Fstory%2Fhow-to-play-old-flash-games-ruffle%2F" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">12ft.io/proxy?q=https%3A%2F%2F</span><span class="invisible">www.wired.com%2Fstory%2Fhow-to-play-old-flash-games-ruffle%2F</span></a> </p><p><a href="https://xoxo.zone/tags/Flash" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Flash</span></a> <a href="https://xoxo.zone/tags/Ruffle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ruffle</span></a> <a href="https://xoxo.zone/tags/OldWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OldWeb</span></a> <a href="https://xoxo.zone/tags/VintageWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VintageWeb</span></a> <a href="https://xoxo.zone/tags/WebGames" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebGames</span></a></p>