CSS3 Styling in Every Browser http://www.sencha.com/blog/using-CSS3-in-every-browser Traditionally, cross-browser styling has been a time consuming and tedious task. With the rise of modern browsers and the introduction of CSS3, we can finally create beautiful cross-browser interfaces using a simple syntax. We show you how with the new Sencha SDK Tools. en-us rob@sencha.com Copyright 2011 2011-07-07T17:00:38+00:00 Comment by MatthiasG My question on the subject: http://www.sencha.com/forum/showthread.php?145487-Sencha-SDK&p=642733#post642733 My question on the subject: http://www.sencha.com/forum/showthread.php?145487-Sencha-SDK&p=642733#post642733

]]> Tue, 30 Aug 2011 12:52 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:26113#date:12:52 Comment by Sebastien Tardif I have the same question. How am I suppose to change the color of tools? When I follow your instruction the tiny buttons used to expand / collapse panel stays blue. Ext JS 4 have been release for couple of months now. The SDK tools is still in beta. I have the same question. How am I suppose to change the color of tools?

When I follow your instruction the tiny buttons used to expand / collapse panel stays blue.

Ext JS 4 have been release for couple of months now. The SDK tools is still in beta.

]]> Thu, 18 Aug 2011 17:18 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:25475#date:17:18 Comment by Maxx Power When I run the slicer on Windows it only generates 14 out of the 28 directories in the default theme..? I noticed you mention: “We duplicate the default folder because icons/tools are not generated by the SDK Tools at this time”. Is there any timeline on when the icons/tools may be included..?? Does it work on other platforms (eg Mac)..? When I run the slicer on Windows it only generates 14 out of the 28 directories in the default theme..?

I noticed you mention: “We duplicate the default folder because icons/tools are not generated by the SDK Tools at this time”. Is there any timeline on when the icons/tools may be included..??

Does it work on other platforms (eg Mac)..?

]]> Mon, 25 Jul 2011 10:56 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:24491#date:10:56 Comment by Peter LOL @ “#BADA55” )) LOL @ “#BADA55” smile))

]]> Wed, 20 Jul 2011 20:35 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:24284#date:20:35 Comment by Andres the Close button in Ext.window is still blue the Close button in Ext.window is still blue

]]> Mon, 18 Jul 2011 20:56 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:24208#date:20:56 Comment by Phil Strong Nice job @ariyahidayat @rdougan @jarrednicholls and all others @sencha Nice job @ariyahidayat @rdougan @jarrednicholls and all others @sencha

]]> Wed, 13 Jul 2011 06:12 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:23929#date:06:12 Comment by George Sencha FTW! The ability to use CSS3 features that are not supported by IE6, 7, 8, 9 and FF 3.6, 4 and have it just work is just mind bending. How in the world did you guys do this? This feature alone is worth the upgrade to 4.0. Sencha FTW!

The ability to use CSS3 features that are not supported by IE6, 7, 8, 9 and FF 3.6, 4 and have it just work is just mind bending. How in the world did you guys do this?

This feature alone is worth the upgrade to 4.0.

]]> Sat, 09 Jul 2011 17:15 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:23843#date:17:15 Comment by bigfish This is fantastically awesome : ) No more mucking about with Photoshop and hand-coding CSS sprites to make rounded buttons. This is fantastically awesome : ) No more mucking about with Photoshop and hand-coding CSS sprites to make rounded buttons.

]]> Sat, 09 Jul 2011 13:20 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:23840#date:13:20 Comment by Niko Ni Cool, I will take some time to play with this great tool Cool, I will take some time to play with this great tool wink

]]> Sat, 09 Jul 2011 09:38 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:23839#date:09:38 Comment by Robert Dougan @Niklas Unfortunately we had a slight hiccup with the initial release which meant in some specific cases, the tool would not output the correct images. We have fixed this issue with the launch of SDK Tools 1.2 (which is currently online and available for download), and the response from forum users has been positive. As for Split DOM; there is no specific product documentation on that currently. Internally we use the ‘Ext.supports.CSS3BorderRadius’ property to determine which renderTpl we use on a component, letting Ext JS render the specific DOM elements for that browser. @Niklas

Unfortunately we had a slight hiccup with the initial release which meant in some specific cases, the tool would not output the correct images. We have fixed this issue with the launch of SDK Tools 1.2 (which is currently online and available for download), and the response from forum users has been positive.

As for Split DOM; there is no specific product documentation on that currently. Internally we use the ‘Ext.supports.CSS3BorderRadius’ property to determine which renderTpl we use on a component, letting Ext JS render the specific DOM elements for that browser.

]]> Fri, 08 Jul 2011 22:56 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:23823#date:22:56 Comment by Niklas This is surely a really timesaving tool but have generated quite a bit of posts from frustratred users in the forums. Does this blog post mean that it works now? Is there more information about the new “Split DOM” feature somewhere? What are the best practices around this when writing own components containing xtemplates with markup? A search for “split dom” in the docs get no hits..? This is surely a really timesaving tool but have generated quite a bit of posts from frustratred users in the forums. Does this blog post mean that it works now?

Is there more information about the new “Split DOM” feature somewhere? What are the best practices around this when writing own components containing xtemplates with markup? A search for “split dom” in the docs get no hits..?

]]> Fri, 08 Jul 2011 10:44 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:23811#date:10:44 Comment by Dmitriy Pashkevich Great news! I’ll definitely use that later! P.S. CSS4?)) [3rd paragraph] Great news! I’ll definitely use that later!

P.S. CSS4?)) [3rd paragraph]

]]> Fri, 08 Jul 2011 06:49 GMT http://www.sencha.com/blog//using-CSS3-in-every-browser#id:23806#date:06:49