HN Explorer

34 comments

[ 3.4 ms ] story [ 70.5 ms ] thread
clammer
Font look terrible with Chrome on windows, which is why fluid is so hard to pull off.
aditya42
They look reasonably better on Mac. But Chrome has known rendering issues. Safari (Mac) makes that page look quite pretty.
lawn
And it looks great on firefox and uzbl (webkit) on linux. The font problem is hardly the fluid's fault.
lamnk
Yes font look really terrible with FF, i can barely read the text, but with IE it's a lot better.
ugh
I’m reasonably sure that this wasn’t submitted so you can critique the font choice. The font has not a damn thing to do with the fluid layout – I think? You could use freaking Verdana!
[dead] clammer
Why do I fucking bother with HN? You stupid fucks down vote everything, are you a bunch of pre-schoolers?

The FONT renders poorly in Chrome on XP which I was using at the time. I don't care what the font is, but that it renders poorly in that scenario. Jesus, you can all go fuck yourselves.

castis
I really don't think there was a need for a violent outburst.

Acting like that and calling others pre-schoolers makes you look like quite the fool.

clammer
God, the whining here is deafening.

I didn't call anyone a pre-schooler, I asked if you were all pre-schoolers. Notice the question mark? That means it's a question. Tomorrow we'll cover making statements using the period.

Robin_Message
Whereas today you've covered making statements while on your period.

Also, rhetorical questions aren't questions. Who knew?

clammer
That was actually funny and still you got down voted (I up voted you).

See what I mean about HN? A bunch of over sensitive whiny bitches. Yes, that was a statement.

barrydahlberg
This plays very nicely with zoom in / out on Firefox too.
cmelbye
Doesn't work very well in Safari: http://cl.ly/1SFj

(The font is a result of a Safari Extension that changes the default font to Helvetica Neue; it's not a rendering problem)

bbatsell
You've got a bug in your extension there. Doesn't happen on stock Safari 5, it works perfectly.
cmelbye
The extension just changes the font to Helvetica Neue. Here's a picture with the extension disabled: http://cl.ly/1SJe
MWinther
I can't reproduce that in my Safari 5 either, so it doesn't seem to be a general problem with that browser.
robspychala
rga.com has been doing this on their main site for a while now
mbrubeck
They are using a JavaScript "resize" handler though, not pure CSS. And the layout is much less fluid (it seems to toggle between just two fixed widths).
JoachimSchipper
Nice, but is this particularly noteworthy?

Also, the hyperlinks are nasty - they lose their bold-ness when clicked, which reflows the text.

mr_justin
It shows a great knowledge of CSS that is not readily seen today on many, if any, websites.

I see no such unboldedness when said links are clicked. Regardless, not the point of the article at all.

silvertab
Very nicely done indeed! Does it play nice with IE? (Can't test it because I don't have a Windows machine at home). CSS would be much more pleasant to work with if it was consistent across different browsers...
what
Not entirely sure, but it looks he uses some js to fix some things for IE8:

<!-- to help IE recognise the new HTML tags --> <!--[if lte IE 8]> <script src="/js/html5.js"></script> <script src="/js/css3-mediaqueries.js"></script><![endif]-->

Batsu
I find it particularly noteworthy due to fact that this blog has one page for desktop and mobile, and it fits damn near perfectly in both.

In Android 2.1, the only things that don't stack up exactly right are the "Social Club" section in portrait (vertical) mode, and the Pipe graphic at the top in landscape mode, which creeps over the dotted line slightly. There is no horizontal scrolling, and the least important stuff (that on the right, in a desktop browser) falls to the bottom.

[deleted]
(comment deleted)
treblig
AVC.com should do this. His new redesign lends itself perfectly to this type of implementation.
moultano
Beautiful. This type of thing makes me actually _want_ to learn web design, which hasn't happened in a loooong time.
prawn
Bravo:

  Hello source code curious person from the INTERWEBS!
  What you're doing is (in my opinion) the BEST way to learn and advance, that is, viewing the source. It's how I learnt, and how I'm still learning.
  
  So go ahead, dig away and ask any questions. (see the contact page)
  
  Techniques used on this site are all in the public domain, but the unique combination of CSS and images are what make this site's design. 
  
  Please don't steal wholesale, thats all I'm saying.
jurjenh
Now that's what I thought copyright was supposed to mean!
sbhat7
You missed the footer.

    The problem with natural selection is that there's no one to blame for the design of testicles
Tiktaalik
Absolutely brilliant. Everyone needs to be designing this way.

In the late 90s as higher resolution monitors became prevalent users gained the ability to have more usable workspace. Unfortunately we saw greedy webdesigners simply grab more space and browsing the web remained a full screen experience. We should be able to tile multiple web browser windows but due to many websites' designs this isn't really possible.

Hopefully this is the start of a new trend in space saving options in web design.