137 comments

[ 5.0 ms ] story [ 186 ms ] thread
Dear God, the entire source is on one line. There aren't even spaces between tags. From looking around the website a bit, this doesn't appear to be a joke, so I'm seriously wondering how this could happen without anyone noticing.
Since the site was made in FrontPage, I’m guessing that the FrontPage WYSIWYG view showed the site as looking fine, so the author didn’t bother to visit every page on the site after mass-uploading the pages.
Shows as 110 lines in FF view source
This might explain it:

<META name="generator" content="Microsoft FrontPage 5.0">

Yeah, except that the site owner didn't forget to add Facebook page and the page seems quite active.

http://www.sewingandembroiderywarehouse.com/index.html

It was created on August 14, 2013. I am just glad small business like this continues to run and use technology. We should send an email and tell them to fix it. I am also glad the site didn't go down after all this traffic...

We should send an email and tell them to fix it.

If you do that I will come to your house and hit your computer with a hammer until it breaks into tiny tiny pieces.

But think about how good of an overclock it will get while you're dousing it with enough liquid nitrogen to make that possible.
I just did.
I'll pop over around tea-time, then. Make sure to back everything up first!
lol i'm ready for ya. Best comment ever.
It’s not the first time this comes up in a popular internet discussion, the website is pretty famous. I suspect they know about the issue.
I'm actually surprised. So many unclosed h3 tags would seem to indicate it was a programming error and that the page was generated by some script rather than a visual editor.
Hilarious! Initially I was thinking "poor fellow who made this mistake" and eventually I felt like I got trolled, this almost feels like its not a mistake! PS: There are 38 <h3>s and 2 </h3>s.
this page would be tough to scrape with an xpath to get to "Dull Needles" text node.

    /html/body/center[3]/a[2]/font/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/font/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[2]/h3/font/font[1]/text()
This is an example of a page that begins talking about sewing and embroidery, and eventually becomes about typography.
I felt like I was watching a visual in an art gallery commenting on the human condition. If you Ctrl+- out all the way and linger on some of the choice phrases you get a better show.

     Improper 
     Timing 
     the 
     bobbin 
     hook 
     won't 
     catch the 
     loop

    will bend 
       and 
    eventually 
      break
Alas, if only browsers could zoom out infinitely you could conceivably use this method to create a convincing "Star Wars"-esque scrolling text field using only plain HTML.
(comment deleted)
That page loaded ridiculously fast.

Maybe flat HTML is the way to go.

yeah, reminds me of this other website:

http://motherfuckingwebsite.com/

should we be hard-coding our styles into html and stop making stylesheets though? seems like a balance is needed

Well, hard-coded styles don't get cached by browsers, so that's probably not the best example.

That being said, there are a lot of things people can do to improve performance that they neglect to. Sometimes it's just the pressure to get things done. Still, it's worth going back to revisit these issues.

I saw this on Twitter earlier today, and I found it to be a fairly interesting read on the topic: http://yeoman.io/blog/performance-optimization.html

Hard coded style inside hardcoded markup does get cached though (as part of the html)
HTML is typically not cached by the browser.
Citation needed. I've seen evidence to the contrary. Generally anything with cache-control (or equivalent) headers suggesting that it should be cached, will be.
That's awesome - what framework did they use?
Digitally authentic, minimalist, grayscale... it's hitting all the fad buttons...
"H-motherfucking-TML"
I hear you can get a shot for that from the doctor.
The Header includes:

<META name="generator" content="Microsoft FrontPage 5.0">

Not sure why, but I read that in the voice of Mr. Torgue.
I did it with the voice of samuel l jackson
(comment deleted)
Looks like modern browsers aren't rendering the page correctly.
I thought it was a result of nested <font> tags with font-size defined by em units. Since the each <font> tag is 1.75 times larger that it's parent.
If you create a stylesheet through dev console and change h3 font-size it's funny to see how it gets re-rendered in slow-mo :D
It also uses <center> tags. But I'm not here to judge, obviously.
so does hacker news ;)
I just did an 'Inspect Element' on HN. That's some state of the art 1999 web design there.
Yyyyyep HN is formatted almost entirely by tables...

But it does look good!

No, it looks like something from 1999. And it completely sucks on mobile.

Actually, it is a disgrace.

This is almost as wonderful as Subway's old website. I think that one had something like five HTML tags and a few BODY tags sprinkled randomly throughout.
I'd like to have a word with the person who decided that "something" should show up in a browser regardless of how broken the markup is.
I think unfortunately that Jon Postel died a few year ago.
Writing a HTML parser to handle everything that's out there on the web is almost as hard as writing a C compiler that tries to produce the "most accurate" executable code based on what it looks like you probably meant.
We've all had a laugh but I hope whoever found this is helping them correct the problem.
This website handled HN traffic like it was nothing, i'm taking notes
It's a new technology called "static HTML page"... I hear MS FrontPage can export this newfangled format.
At my uni there were a large number of profs with websites that, if you viewed the source, showed that they'd been creating in MS Word. This was a CS department. Slightly depressing.
I worked a bit in research and HTML was generally treated as a serialization format for other tools and HTTP was considered a dumb transport.

I had a presentation about REST&Caching and stepped through many of the low-level behaviours of HTTP, like the properties that verbs have and their interaction with caching.

I ended up explaining the whole HTTP verb thing for multiple days straight because it was kind of a revelation to many.

Now, the research department worked in a whole different department, web was only coming up as a topic for them and was of tangential interest.

My conclusion: CS is a vast field. Don't expect experts in theoretical CS to know practical details. Don' expect practitioners in compiler building to know how to build a website or anything about distributed architectures.

It's not depressing, it just shows how vast our field is.

Yes, because if you design a new alloy for improved performance of an f1 engine cilinder, you need to do your own oil changes too, right?
True. However this is more akin to having your dietician change your oil.
Most CS profs are far too busy doing Computer Science to bother keeping up with the latest trends in web design.
even my non-programmer wife found this page to be hilarious
Wonderful! Usually when I find something hilarious, I share with my non-programmer friends who stare at me like I'm some sort of freak; and I am surprised every time.
Yeah I get this too. If you try to explain they go "No don't tell me, too much info!"
makes me understand more how h3 tag works
It's better at showing how ems work. As the h3 is set to show at 1.17em each nested h3 is slightly larger than the last.
It's the unclosed h3 interacting with two unclosed font tags per line, not the unclosed h3 alone.
> If a problem persists, we recommend that you contact > Sewing and Embroidery Warehouse

finally