Project-Tyson

by c2prods

c2prods / Project-Tyson

A project about faking the UI of iOS 7 in HTML, CSS and Javascript

198 Stars 40 Forks Last release: Not found MIT License 42 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Project-Tyson

A project about faking the UI of iOS 7 in HTML, CSS and Javascript. More info: http://c2prods.com/2013/cloning-the-ui-of-ios-7-with-html-css-and-javascript/

How to use this project

In your HTML, split your app into different views. Each view is made as follow:

{View Title}

Button Label
{content}

Additionnally, you can have a tabbar displayed at the bottom by adding a

Finally, views are linked together by the Slide() javascript function. Buttons in the header are automatically binded to this function but you can choose to bind it to other HTML elements. You just have to make sure they feature the following data- attributes: data-vin: the ID of the view to load (for instance data-vin="view-home") data-sd: to indicate the slide direction (sl, sr, popin, popout) Note that the Slide function can take an optionnal callback parameter to specify a callback function that will be called when the transition starts.

This repo uses the Elusive Iconfont github project

Tabbar's icons are from the Elusive icon pack. The Elusive Iconfont is an icons webfont, optimized for use with twitter's bootstrap.

For examples & usage see http://aristath.github.com/elusive-iconfont/

Licence: SIL

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.