New design

In recent news, this site got a new design, I thought I could make the content more readable and accessible, so I killed my old templates and style sheets and started from scratch, without photoshop this time.

There is also mobile browser (android/iphone) support which is by the way achieved with this very interesting CSS media instruction:

<link rel="stylesheet" type="text/css" href="/mobile.css" media="only screen and (max-device-width: 800px)" />

This means any device with a monitor less than or exactly 800px wide will load the mobile.css file on top of the default one. Note that using media="handheld" is not working for recent smartphones that consider themselves greater than old school internet-enabled cellphones, so this is the only way to do it.

Any feedback, especially bad, is appreciated.

April 03, 2010 // News

Post a comment

Subscribe to this RSS Feed Comments

2010-04-05 11:10:37


You can still mention handheld though.

media="handheld, only screen and …"

Btw, main.js looks empty.

2010-04-05 13:35:34


@Yoan: Right, forgot to move code from the main layout to the js file, and I fixed the double-encoding issue your comment suffered btw. As for handheld, I guess you have a point, but then again I guess those devices are on the way out with the democratization of big fat touch screens.