An example of a sticky scrolling sidebar (website)

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/

The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

Mobile app interactive prototype.

Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Transition from feed to profile using some fun animations.

This one-screen prototype demonstrates some of Proto.io animation functionality.

This is just the regular user interface. The introduction and underlying technology are not displayed due to intellectual property. The desired effect here is to show the app's powerful ability to promote local business on any mobile display even one as small as an iPhone 5. New smartphones have much larger screen sizes usually ranging from 4.7" to 5.5". So, showing that the tech works on an iPhone 5 helps us prove this point. If you would like to leave a comment, please do so. Any help is appreciated. Also, if you would like to get involved, please leave a comment.