Web Design for the Clinically Insane Obsessive-Compulsive

Did you hear the music too? Never will I click that link again!

No hidden message, I don’t believe the word “subtle” is in her vocabulary as the site shows.

I did notice in your screenshot (which took a while to load by itself!) that you can view it in Spanish too! ¡Ayeche wawa!

And now that the page is loaded, and I can see the picture of the “three level prison rail cars”, well as a railfan, I can tell you that they are automobile carriers. This is as wacky as the people who made that video about the Amtrak facility in Indiana:

Link

WOOO WOOO!

It loaded much faster in Firefox running on Ubuntu in a virtual machine in VMWare on my Mac, than it did in Firefox running natively on that Mac. I suspect that this is because the Ubuntu Firefox had no plugins, so there was probably some huge sound or video file I’m missing.

She’s kinda cute though.

I knew I had seen that site somewhere before:

Don’t be fooled by that “crazy in the head, crazy in the bed” addage. There is a fine line between “wild mad howling monkey jungle sex” and “wild mad howling slice you open and play in your entrails while you scream sex.” I’m not sure which side she treads on, but it’s not worth the risk, man.

Hey, I like that site. I think Bella’s had this year all locked up before any other contenders managed to get in though. I mean, there are others that are eyesores, others that have buggered functionality, others that make gratuitous use of web technologies they clearly don’t need – but Bella’s got it all plus the goodness of insanity in one behemoth assault to the senses. It’s a one-two punch. With wrecking balls. Very, very slowly.

How does she manage to get the damn thing to look like a dorm floor bulletin board that hasn’t been cleared in five semesters?

Through the obstinate, single-minded determination only the real nutters are capable of achieving.

It’s… like… the Acid tests, except terrifying. What I like best is how, at least on Opera, while it’s loading parts of it are constantly disappearing. It’s like I’m being punked by my browser.

In terms of sheer WTFery beats the hell out of the HTML I used to have to edit for a university–the professor who centered an element on a page by nesting 17 “blockquotes” comes to mind.

Offhand attempt at a serious answer: she’s using a WYSIWYG editor like Frontpage or something similar and treats it like you might treat a bulletin board or Microsoft’s OneNote. Presumably it then just gets uploaded to her webspace automatically–I’m pretty sure Dreamweaver will let you live-publish edits like that. Since the only times she’s working with the document is on her own computer, where it probably runs without too much stress, nobody’s told her that it’s the kind of nameless horror most of us would only expect if, say, the HTML specifications had been written by HP Lovecraft.

The fact that I imagine the only regular readers are probably her cats also may keep complaints to a minimum.

I finally gave up and just downloaded the HTML by itself using wget…just the HTML alone weighs in at 1.5MB. I opened it up in vi and it’s just chock full of all kinds of madcap javacscript functions and other insanity. Of course, from the moment I first started downloading it, there was only one possible outcome for this whole fiasco:

I ran it through Tidy just to see what the fsck would happen.

The results blew my mind:

I’m not sure whether I should be more amazed by the 5,000+ warnings, or by the fact that there were no actual outright errors anywhere in that whole mess.

WTF? Did nobody tell him about the <center> tag? This is like people who write C++ functions that duplicate functions that already exist in the code libraries you read so much about on The Daily WTF.

The lack of errors must be whatever she’s using to make the page. Ditto the insane number of warnings. ($100 Internet Dollars it’s FrontPage. That thing creates horrible code. I’m ashamed to admit I used it in the beginning before I knew anything about proper web design.)

Here’s a fascinating bit of code from the first page. It may have something to do with the insane width of the page:



<div align=right>                                                                                            "A witty and entertaining portrait </div>
<div align=right>of our war-dependent economy." </div>
<div><B>                                                                                                        Mrs</B>. <B>Susan Sarandon-</B>Actor. </div>
<div><BR></div>
<div>                              </div>
<div>                                                                                                  </div>
<div><BR></div>
<div>                                                                                                      </div>
<div><BR></div>
<div><BR></div>
<div><BR></div>
<div><BR></div>
<div><BR></div>
<div>                                                                                                         </div>
<div><BR></div>
<div><BR></div>


And this part makes me go WTF?! It a mass of tags, hex color specifications, CSS calls, bolds, and “lesser than/greater than” signs surrounding … absolutely nothing. It looks like a bunch of content was deleted, but the HTML editing software left all the modifying tags in place. Since this is all on a single line of HTML code, it almost looks as if there was a sentence there, with the style elements applied each word individually.



<div><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font><font class="ws12" color="#339966"><B> </B></font><font class="ws12" color="#339966" face="Symbol"><B><></B></font></div>


There’s even more useless, apparently orphaned, code as you scroll through, but the above is just what I found in the first 10% or so of the code.

ETA: Scrolling further through the code, I’m starting to doubt FrontPage was involved. There’s a bunch of Linux propaganda buried in there between more huge blocks of orphaned tags.

Ah, here we go:



<meta name="generator" content="Web Page Maker">


No. And, to be honest, I’m not sure how much of it was his critical failure and how much was the editor–much of the code was five or ten years old, and at least at the time (I don’t know about today) editors were very much a “do exactly as you say” proposition–I recall at one point a blank line all the way at the bottom of the page, following about 10 carriage returns, that consisted of a hundred and seventy or so non-breaking spaces.

Frontpage was the absolute worst. I like how you can do forensics on them, tracking where changes were made, because they’re never really removed from the document. There were a bunch of documents where italics would be set and then unset and then set again, or where they’d be around a space, or where a font declaration would immediately be superceded by another font declaration. It was terrible.

I started keeping a text file of the worst of them. Sentences where every word received its own (identical) font declaration. A sentence where all the words are in Times New and the spaces are in Arial. One instance where an <hr> nestles cozily within a dense protective layer of eight <div>s. My job was cleaning up all these old HTML documents to fit the university’s new style. In one case–I shudder to think of what went away–my notes tell me a document shrank to 994 bytes. From 24,000.

Anyway, I don’t know that much about Web Page Maker, but show of hands as to who’s surprised a WYSIWYG editor was involved with this monstrosity?

Camino on Mac OSX, with flash animations blocked until asked for.

I get lots and lots of text and formatting and some really obnoxious music within a few seconds. Then it slows down as the browser fetches a few thousand image files, or something… still waiting… still waiting… I give up.

There is actually some content buried in there; it looks like someone was trying to center it, or indent it, with lots and lots of nonbreaking spaces.

I remember when I was but a tiny tad, in grad school, using my alloted server space to put up my very first homepage. I started with some WYSIWYG editor, promptly found that it was introducing a lot of useless code and formatting that made it impossible to read and troubleshoot the document, and switched to learning the HTML codes myself. I could see where someone without my level of nerdiness could just trust the editor and end up with a mess like this.

And Ms Soto’s page is starting to render the image files!

Ooo, lots of little animated GIFs!

Truely, no website can be complete without lots of little animated GIFs. :smiley:

And it’s done! Truly, it is a work of genius.

Only took 6 minutes. Except for the flash, which I still have turned off.

Why oh why, on top of all that is on that page, did the author chose to put in a mouse pointed that trails a flock of blue dots behind it?

My mind managed to glaze over most of the page, but those dots just keep following me.