css in mobile apps
TRANSCRIPT
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