How to use CSS in Mobile Applications using pixate framework

1. CSS for iOS
Pixate is a free framework that lets
you style your native iOS views with
stylesheets.

4. Demo Session
1.Download Pixate Framwork from http://pixate.com

5. Demo Session
2.Create a new Project in Xcode 5 with Single View Application

6. Demo Session
3.Open Pixate package and Drag & Drop Pixate.framework in the Project.
Don’t forget to mark “Copy items into destination group’s folder” and Create groups for added added folders.

7. Demo Session
3.Now add CoreText and QuartzCore frameworks in the bundle from Build Phases.
Don’t forget to mark “Copy items into destination group’s folder” and Create groups for added added folders.

8. Demo Session
3.Add “–ObjC” in other linker flags

9. Demo Session
3.Open Storyboard and Drag a button on the respective View Controller. As you can see
there is no CSS Design at all.

10. Demo Session
Now Create a New File within the Project. Select Others option from the Left Panel under
iOS section ,select Empty File and click Next . Named the file as default.css and press Create

11. Demo Session
In default.css file you need to create a Class or /and ID for UIControl design.
For ex. Create a .btn class for a UIButton

12. Demo Session
Select a UIControl and Add a new row under “user Defined Runtime Attributes”

13. Demo Session
Double Click on keypath to begin editin and type “styleClass”.
Select type String and Class name that you have previously created in the default.css file.

14. Demo Session
Run the App on Simulator/Device.

15. My App theme Create with CSS

16. Pixate Flexibility