Need help with Project-Tyson?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

c2prods
199 Stars 40 Forks MIT License 42 Commits 4 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 419,831
JavaScr...
CSS
15 commits
# 95,858
Shell
CSS
autosug...
WPF
13 commits

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.