Options:
- # Session Start: Tue May 18 00:00:00 2010
- # Session Ident: #css
- # [01:00] * Parts: smfr (smfr@17.203.14.12)
- # [02:09] * Joins: Curt`` (DorkeyDear@75.10.141.69)
- # [02:11] * Quits: Curt` (DorkeyDear@75.10.138.67) (Ping timeout)
- # [03:41] * Quits: TabAtkins_ (tabatkins@216.239.45.4) (Ping timeout)
- # [04:14] * Quits: dbaron (dbaron@63.245.220.240) (Quit: 8403864 bytes have been tenured, next gc will be global.)
- # [04:28] * Joins: nimbu (nimbu@219.64.117.145)
- # [04:31] * Joins: miketaylr (miketaylr@24.42.95.234)
- # [04:57] * Quits: miketaylr (miketaylr@24.42.95.234) (Ping timeout)
- # [05:39] * Joins: miketaylr (miketaylr@24.42.95.234)
- # [05:55] * Joins: dbaron (dbaron@98.234.51.190)
- # [06:25] * Quits: miketaylr (miketaylr@24.42.95.234) (Client exited)
- # [06:28] * Quits: shepazu (schepers@128.30.52.169) (Ping timeout)
- # [06:33] * Joins: shepazu (schepers@128.30.52.169)
- # [06:44] * Quits: nimbu (nimbu@219.64.117.145) (Quit: nimbu)
- # [07:01] * Quits: Curt`` (DorkeyDear@75.10.141.69) (Quit: Leaving)
- # [07:29] * Joins: nimbu (nimbu@219.64.117.145)
- # [07:30] * Quits: nimbu (nimbu@219.64.117.145) (Quit: nimbu)
- # [07:35] * Joins: nimbu (nimbu@219.64.117.145)
- # [08:40] * Quits: dbaron (dbaron@98.234.51.190) (Quit: 8403864 bytes have been tenured, next gc will be global.)
- # [08:45] * Quits: nimbu (nimbu@219.64.117.145) (Quit: nimbu)
- # [09:28] * Joins: nimbu (nimbu@219.64.117.145)
- # [09:42] * Quits: nimbu (nimbu@219.64.117.145) (Quit: nimbu)
- # [10:34] * Joins: boblet (qw3birc@128.30.52.28)
- # [10:35] <boblet> I’m doing a little mobile thing, and having trouble because there seems to be no way to get device ppi, which makes a big difference in how big stuff is on high-rez displays
- # [10:37] <boblet> if fixed units like cm were calculated (and not derived from 96dpi) then they’d be usable for detecting ppi
- # [10:37] <boblet> without that or another way to detect I’m doomed to browser sniffing if viewport isn’t declared
- # [10:39] <boblet> or Android actually supports SVG, which would be perfect for resolution-independent things on mobile… :-|
- # [10:39] <boblet> is there a good reason why fixed units are derived not calculated?
- # [10:42] * Joins: lhnz (qw3birc@128.30.52.28)
- # [10:44] * Quits: lhnz (qw3birc@128.30.52.28) (Quit: Page closed)
- # [10:45] <fantasai> boblet: That's actually a huge debate right now.
- # [10:45] <fantasai> boblet: The physical units were supposed to be absolute
- # [10:46] <fantasai> boblet: But that wasn't implemented in most browsers (mozilla's the exception, iirc it tries to get it right)
- # [10:46] <fantasai> boblet: And now there are a lot of web pages that depend on the assumption that we're using 96dpip
- # [10:47] <fantasai> boblet: The CSSWG currently has an issue open on whether to codify that assumption
- # [10:47] * Joins: oli (oli@124.87.135.239)
- # [10:48] <fantasai> boblet: And make physical units relative to px instead of making them absolute
- # [10:49] <fantasai> boblet: What, exactly, are you needing absolute units for?
- # [10:49] <boblet> hold on a sec…
- # [10:50] * Quits: boblet (qw3birc@128.30.52.28) (Quit: Page closed)
- # [10:50] * oli is now known as boblet
- # [10:50] <boblet> back :)
- # [10:50] * Joins: lhnz (lhnz@188.223.83.48)
- # [10:51] <boblet> fantasai: doing something that I’d like to work on mobile phones and tablets. as Android doesn’t support SVG (facepalm) I’ll need some images
- # [10:53] <boblet> but eg a usable button on various devices ranges massively; if viewport="1" an iPhone is 44px, an iPad is 36px and a Nexus One is 67px
- # [10:57] <boblet> even worse with no viewport iPhone = 135px, ipad = 45px and nexus one = 112px. this is to make buttons that appear the same size
- # [10:58] <fantasai> hm
- # [10:59] <fantasai> Media Queries might help, but you're right, it's not ideal.
- # [10:59] <boblet> knowing the ppi of the device we can make sure interface elements like buttons are the same size (ie usable). ideally this should be accessible via JS like screen width
- # [11:00] <fantasai> boblet: Have you looked at the Media Queries spec? http://www.w3.org/TR/css3-mediaqueries/
- # [11:00] <fantasai> boblet: It should let you query the resolution
- # [11:00] <fantasai> boblet: as well as the viewport size
- # [11:03] <boblet> we can get how many pixels the screen is, but given different ppi all bets are off. eg if the next iPhone is double the resolution as some ppl are rumoring, suddenly we’ve got twice the ppi in the same size screen. if we could get viewport size in physical dimensions that’d be great, but again it’s calculated not actual
- # [11:04] <fantasai> You should be able to get the viewport size in physical dimensions
- # [11:04] <fantasai> If that's not the case, then WebKit has a bug
- # [11:07] <fantasai> I suppose either way, we should be defining the interaction of media queries and zooming features
- # [11:07] <boblet> how can I get the viewport size in physical dimensions?
- # [11:07] <fantasai> instead of using px, use cm or something
- # [11:08] <fantasai> There's an example, @media screen and (min-width: 400px) and (max-width: 700px)
- # [11:08] <fantasai> You could do, e.g., @media screen and (min-width: 4in) and (max-width: 7in)
- # [11:08] <boblet> I’ll have another look, but I’m under the impression that using cm we basically had the same problem that cm are calculated from a 96dpi base
- # [11:08] <fantasai> I'm sure that's the case for lengths in the document
- # [11:09] <boblet> i only tried via JS tho, so will check @media
- # [11:09] <fantasai> it might not be the case with media queries
- # [11:09] <fantasai> if it is, report back here and I'll make sure the devs hear about it :)
- # [11:09] <fantasai> because that would pretty much defeat the whole purpose
- # [11:09] <boblet> thanks :) honestly, desktop web devs don’t know how easy they have it ;-)
- # [11:10] <fantasai> hehe
- # [11:10] <boblet> mobile = world of pain, even with smartphones
- # [11:33] <boblet> fantasai: on iphone simulator the absolute length value is converted to px at 96dpi
- # [11:37] <fantasai> ok
- # [11:38] <fantasai> I'll take that back to the WG.
- # [11:38] <fantasai> Seems very wrong to me
- # [11:40] <fantasai> If you've got any other comments, let me know. I think I might go to bed soon, but I'll check the IRC logs tomorrow morning.
- # [11:40] <anne> I think px and cm and all should work the same everywhere, including in Media Queries
- # [11:40] <boblet> getting a post written atm, but given 100mm @ 96dpi = 377.952755905512 pixels, Viewport set to 377 pixels returns red background on iPhone with 165dpi, and Viewport set to 378px returns white background with @media screen and (max-width: 100mm) { body {background-color: red;} }
- # [11:40] <anne> seems very wrong to me anyway if they would be different depending on context
- # [11:40] <fantasai> that's an issue, too
- # [11:41] <fantasai> but media queries aren't doing what they're supposed to do if you have no way of getting the measurements they were designed to allow
- # [11:41] <fantasai> finding out the actual size of the viewport is an important use case
- # [11:41] <boblet> also, the reason that JS giving ppi would be better is eg using an iframe to add content to a different site
- # [11:42] <boblet> at that stage I’m not sure if we can even use @media
- # [11:42] <fantasai> I'm not following
- # [11:42] <boblet> fantasai: for this project, you have no idea how important :-|
- # [11:43] <fantasai> boblet: what does an iframe have to do with anything?
- # [11:44] <fantasai> boblet: I mean, how is it a different problem
- # [11:44] <fantasai> ?
- # [11:44] <boblet> sorry, I meant to say that it’s not even a page that I’m serving
- # [11:45] <boblet> it’s for a service that adds a popup to a client website (imported via JS that the client adds). actually don’t think we’re using iframe
- # [12:07] * Quits: Lachy (Lachlan@85.196.122.246) (Quit: This computer has gone to sleep)
- # [12:13] * Quits: boblet (oli@124.87.135.239) (Quit: boblet)
- # [12:20] * Joins: Lachy (Lachlan@213.236.208.22)
- # [13:05] * Joins: myakura (myakura@220.104.128.62)
- # [14:28] * Quits: arronei (arronei@131.107.0.71) (Ping timeout)
- # [14:34] * Joins: arronei (arronei@131.107.0.71)
- # [15:59] * Joins: ChrisL (ChrisL@128.30.52.169)
- # [16:14] * Joins: miketaylr (miketaylr@38.117.156.163)
- # [16:23] * Joins: dbaron (dbaron@98.234.51.190)
- # [17:19] * Quits: ChrisL (ChrisL@128.30.52.169) (Client exited)
- # [17:33] * Quits: arronei (arronei@131.107.0.71) (Ping timeout)
- # [17:36] * Joins: arronei (arronei@131.107.0.71)
- # [17:38] * Joins: Curt` (DorkeyDear@75.10.141.69)
- # [18:18] * Joins: DanC (connolly@128.30.52.169)
- # [18:27] * Quits: myakura (myakura@220.104.128.62) (Quit: Leaving...)
- # [18:45] * Joins: miketayl (miketaylr@38.117.156.163)
- # [18:47] * Quits: miketaylr (miketaylr@38.117.156.163) (Ping timeout)
- # [19:30] * Quits: dbaron (dbaron@98.234.51.190) (Quit: 8403864 bytes have been tenured, next gc will be global.)
- # [19:40] * Quits: miketayl (miketaylr@38.117.156.163) (Client exited)
- # [19:40] * Joins: miketaylr (miketaylr@38.117.156.163)
- # [19:52] * Joins: dbaron (dbaron@63.245.220.240)
- # [19:57] * Quits: Curt` (DorkeyDear@75.10.141.69) (Connection reset by peer)
- # [19:58] * Joins: Curt` (DorkeyDear@76.243.205.185)
- # [21:31] * Quits: shepazu (schepers@128.30.52.169) (Quit: Core Breach)
- # [22:31] * Quits: Lachy (Lachlan@213.236.208.22) (Quit: This computer has gone to sleep)
- # [22:40] * Joins: Lachy (Lachlan@85.196.122.246)
- # [22:40] * Quits: Lachy (Lachlan@85.196.122.246) (Client exited)
- # [22:49] * Joins: Lachy (Lachlan@85.196.122.246)
- # [23:00] <DanC> ruleset : selector? '{' S* declaration? [ ';' S* declaration? ]* '}' S*;
- # [23:00] <DanC> what does a ruleset with no selector mean?
- # [23:00] <DanC> I can't find anything about it in the spec
- # [23:01] <DanC> the selector is not optional in 4.1.7: "A rule set (also called "rule") consists of a selector followed by a declaration block."
- # [23:01] <DanC> and there's no empty selector
- # [23:02] <DanC> the current CSS validator gives a Parse Error
- # [23:02] <DanC> for: { color: blue }
- # [23:34] * Joins: fantasai_ (fantasai@76.14.72.206)
- # [23:39] <fantasai> DanC: Post an issue to www-style? That doesn't make sense to me either, but maybe Bert has a clue.
- # [23:40] * Quits: fantasai_ (fantasai@76.14.72.206) (Quit: leaving)
- # [23:40] <DanC> I have a long list of things to mail www-style about, by now
- # [23:40] <fantasai> heh
- # [23:40] <DanC> I'm using @todo's in my code
- # [23:42] <DanC> I'm learning that the core grammar is of little value
- # Session Close: Wed May 19 00:00:00 2010
The end :)