Learn how to use the power of CSS3, Sass, Compass, and Sencha tools to create consistent and cross-platform themes for Ext JS 4 and Sencha Touch.
David Kaneda leads the Sencha design team. He has over eight years of experience designing in a variety of fields, from architecture and fashion to education and software. Recently, David created Outpost, an iPhone app for Basecamp, and jQTouch, a Javascript framework for iPhone development. David also maintains WebKitBits, a site about the browser engine in Safari, Google Chrome, and the iPhone. David brings his wealth of design knowledge to Sencha, and is responsible for the look and feel of our websites and software.
Rob Dougan is a Sencha core engineer with an eye for pixel-perfect designs. Born and raised in Northern Ireland, he has been building advanced Sencha applications for years and is a valued asset to the team. In his spare time he enjoys photography and cooking with his wife.
30. The UI attribute
“UI” can be added to components
Several components have default UIs
Toolbar, Carousel, TabBar
light/dark
Buttons
default/drastic/confirm/back/forward & round/small
Wednesday, November 2, 11
35. Recap: When to use what
ui
Wherever possible. A great start even if you’re creating
custom styles.
cls
If element doesn’t have ui mixins, or you want to further
differentiate two elements with the same UI.
componentCls
If you’re developing a custom extension, this can be a
good way to scope all of your sub-components.
style Never. Ever. Just think of it as deprecated.
Wednesday, November 2, 11