css in mobile apps

CSS for iOSPixate is a free framework that lets

you style your native iOS views with stylesheets.

Demo Session1.Download Pixate Framwork from http://pixate.com

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

Demo Session3.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.

Demo Session3.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.

Demo Session3.Add “–ObjC” in other linker flags

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

Demo SessionNow 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

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

Demo SessionSelect a UIControl and Add a new row under “user Defined Runtime Attributes”

Demo SessionDouble 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.

Demo SessionRun the App on Simulator/Device.

My App theme Create with CSS

Pixate Flexibility