This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Apple’s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

I created this prototype of a wildlife photography app to experiment with horizontal and vertical scrolling interactions. What do you think?

Demo

Background Image Source : www.coreyjenkinsphoto.com

A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

This project provides you with templates and UI elements to get started with building your own prototype of a FOLIO app.

A first project using proto.io