2. Sencha SDK Tools IE6 CSS3 3. Sencha SDK 4.
www.sencha.com/products/sdk-tools/ 5. CSS v1 & v2
6. CSS v1 & v2
- v1.0(1997) v2.0/2.1( ) CSS3.0 -> W3C
7. CSS v1 & v2
8. CSS3
9. CSS3 10. 11. 12. CSS3 http://westciv.com/tools/gradients/ 13.
CSS3 http://sencha.com/x/bb 14.
15. Ref.
webresourcesdepot.com/html5-and-css3-browser-compatibility-chart
16. CSS
17.
- Sass http://sass-lang.com/
18. SASS
- color: darken($blue, 9%);
19. compass
20. Compass
- SASS CSS3 SASS CSS3 Compass
- Compass cross-browser CSS 3
21. Compass
- @include border-radius($boxheight/4);
- -webkit-border-radius: 2.5em;
- -moz-border-radius: 2.5em;
- -ms-border-radius: 2.5em;
- -khtml-border-radius: 2.5em;
22.
- color: darken($blue, 9%);
- c:>compass compile sass/*
23.
- http://www.showmuch.com/article/article_1.html
- http://blog.xdite.net/?p=2097
-
http://blog.meituo.net/2011/03/27/sass-%E4%BD%BF%E7%94%A8%E4%BB%8B%E7%BB%8D/
- http://uecss.com/sass-less-how-to-install-and-use.html
-
http://blog.meituo.net/2011/03/27/sass-%E4%BD%BF%E7%94%A8%E4%BB%8B%E7%
24. CSS
25. Slicer
- --css[=]value, -c[=]value
- --ext-dir[=]value, -d[=]value (required)
- --manifest[=]value, -m[=]value
- --output-dir[=]value, -o[=]value
26. Slicer
- C:Program FilesSenchaSDKTools-1.2.2command>sencha slice
theme -d d:ext-4.0.2a -c D:ext-4.0.2aresourcescssext-standard.css
-o d:test -v
27. Slicer
- -webkit-border-radius: 2.5em;
- -moz-border-radius: 2.5em;
- -ms-border-radius: 2.5em;
- -khtml-border-radius: 2.5em;
28.
- Supporting Legacy Browsers
- The slicing tool creates a new browser instance, which loads
Ext JS and a specified CSS file. Once loaded, it parses a
JavaScript file which includes every Ext JS component that needs
styling (panel, window, toolbar, etc.). It then analyzes each of
those components and determines the size and location of each image
that needs to be sliced. It then slices each of the images, sprites
them together and saves them in the location defined in the
manifest.
29. sencha SASS & Compass & Slicer 30. Slicer
31. Slicer
32. EOF