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.
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.
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.
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...
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]-->
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).
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!
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.
