Comments on: another great CSS media query demo

By: elzapp

elzapp — Thu, 02 Jul 2009 12:19:55 +0000

Uh.. my bad *blush*, wrong binary

By: elzapp

elzapp — Thu, 02 Jul 2009 11:09:21 +0000

Doesn’t seem to work in my Firefox 3.5 on Ubuntu

By: pd

pd — Thu, 02 Jul 2009 10:15:15 +0000

Does IE8 support this?

By: another great CSS media query demo « LocalLab : Foire aux Infos

another great CSS media query demo « LocalLab : Foire aux Infos — Thu, 02 Jul 2009 09:30:47 +0000

[...] View the Demo in Firefox 3.5 Laisser un commentaire [...]

By: Ryan

Ryan — Thu, 02 Jul 2009 04:07:31 +0000

Great to see it finally implemented into Firefox. I did a similar blog post on the iPhones support of media queries and how you can detect orientation with it. Determine iPhone orientation using CSS

By: CSS media query によるスタイル切り替え : Serendip - Webデザイン・プログラミング

CSS media query によるスタイル切り替え : Serendip - Webデザイン・プログラミング — Thu, 02 Jul 2009 02:11:55 +0000

[...] 参考：another great CSS media query demo at hacks.mozilla.org 　　　CSSメモ: メディアクエリ　　　Media Queries [...]

By: Ken Saunders

Ken Saunders — Thu, 02 Jul 2009 00:34:12 +0000

Sweeeet!

By: thinsoldier

thinsoldier — Wed, 01 Jul 2009 21:55:11 +0000

Definite dual stylesheets at 300px wide.

By: Daniel Glazman

Daniel Glazman — Wed, 01 Jul 2009 21:07:53 +0000

@Mario: good catch ! I’ll update the demo. Thanks!

By: Alexander Limi

Alexander Limi — Wed, 01 Jul 2009 21:05:48 +0000

@media queries are great stuff, and it’s also supported by the iPhone. That’s how I get a dedicated mobile display format on http://limi.net :)

By: meudah

meudah — Wed, 01 Jul 2009 18:06:05 +0000

Vive notre Glazou national & vive Firefox ! :)

By: Mario

Mario — Wed, 01 Jul 2009 17:28:31 +0000

I think there’s a bug in this demo.
If my window has the exact with of 300 pixels then both stylesheets will be loaded. I think you should write max-width:300 and min-width:301 because min/max-width means “smaller/greater or equal than”.

By: Gaby

Gaby — Wed, 01 Jul 2009 17:10:17 +0000

Wow, that’s a nice feature! The 2nd smallest version does have a lot more height than it needs though, lots of white space at the bottom. I’m not sure if that’s just my browser though, I have quite a few add-ons :D *tries in safe mode* Nope, sill there :(

Regardless, this feature will certainly be popular for smaller screens.

By: David Tran

David Tran — Wed, 01 Jul 2009 16:54:37 +0000

That’s awesome! Very graceful transitions… seems like it mainly reacts to changes in the vertical space available in the viewport and not really to changes in horizontal space – was that just for this example?

By: Yadu Rajiv

Yadu Rajiv — Wed, 01 Jul 2009 16:42:41 +0000

That was awesome!!111 way to go!!s