I haven’t had the opportunity to try it out yet, so let me know how you get on.
You can skip to the end and leave a response.
Peter, do any browsers (released or beta) currently support this naively? Do you know of any browsers working on implementing this?
@Buguletzu – I’m interested to hear why you feel that makes it unusable. Most enhancement scripts (i.e. JS rounded corner generators) don’t run until the DOM is loaded, do you feel they’re unusable too?
Admittedly there is an annoying FOUC-like moment when loading the page, but I don’t see why that should make it too big a deterrent to use. In the upcoming version of the script, there’ll be an option to hide the body until the template’s done rendering, will that solve the problem for you?
Also of course since it depends on JS, I wouldn’t recommend anyone use the script if they care about how the layout looks for non-JS users.
@David – While I appreciate the sentiment, I have the feeling that implementing this in a browser would be significantly harder to do. :)
And I too would love to see some experimental browser implementation. I suspect the two big reasons there’s nothing yet is that the spec’s still too much in flux (there’s several inconsistencies in the current version), and, as mentioned, it’s probably a pretty complicated system to implement.
Yes, I find js solutions that flicker your screen annoying. JS rounded corners, the first time that I saw how it flickers my page I dumped the script and implemented a css-based solution. Same with this one. Tell me a corporate page that uses these solutions. Nobody uses them on big websites exactly for this reason.
Don’t get me wrong, I would love to implement this on all the websites that I create from now on, it would be like the holy grail. But not in this form.
Please, try with hiding the body, that FOUC’s ruining it all.
OK, in IE doesn’t work anymore. I can haz IE support pretty pls? ;;)
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Message: Could not get the display property. Invalid argument.
Okay, V1.1.3 is available and fixes the IE issues. Also the demos seem to work in IE6, except for some minor margin/padding issues. That may just be related to the default styles in IE6, not sure.
Also, you may want to report future bugs on the blog post at http://a.deveria.com/?p=236