Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

This prototype shows a subtle animation of avatars flying in, and subtle background tint changes. See how it was created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ >starting at time: 28:40 Enjoy...

iPad mobile tablet prototype using hotspots, carousel and tab bar for navigation.

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/

Die Spendenapp wurde für die Generierung einer neuen Spenderzielgruppe entwickelt. Der Grundgedanke hierbei war es, den Nutzer durch eine, für ihn nützliche Application zum Spenden zu bringen und dabei andere zum Mitmachen aufzufordern. Der Slogan hier ist „ Spenden schenken“. "Spenden schenken" Es geht um die Planung von verschiedenen Events, z.B. einer Geburtstagsfeier, zu der mehrere Gäste eingeladen werden sollen. Solche Einladungen laufen meist über verschiedene Medien und werden mitunter dadurch aufwendig bzw. unübersichtlich. Mithilfe der Spendenapp hat der Nutzer die Möglichkeit über sein Smartphone die Veranstaltung zu Planen. Dabei werden schrittweise die verschiednen Informationen, wie Veranstaltungsort, Datum und Zeit usw. zusammengefasst. Der Gastgeber stellt ein bestimmtes Spendenziel, oder eine Wunschliste, was gespendet werden soll, zusammen und lädt die Gäste zum Miterreichen des Ziels ein. Die Einladungen mit allen Informationen werden den Gästen als Mail, oder auch als Nachricht auf Facebook o.ä. gesendet. Der Gastgeber hat auch nach dem versenden der Einladungen ständig Überblick über versendete Anfragen und das Erreichen seines Spendenziels.

Made by Ricciardi Antonio Pio, Marcelli Andrea, Motoc Marius, Saladino Mauro, Villalba Gianluca, Zaccaria Gabriele.

If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Currently a work in progress minimal Alarm clock app for Android. Some, but not all, buttons work.

This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen