Random Act of Kindness

1,380
0
45 random acts of kindness you can do today!

37d79fb0-4512-11f0 a04a-0e3ec7c5f8cf

Variables Examples

35,160
44
2,625
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Weather App Demo

4,628
0
17
Weather demo for 2 cities. Slide left/right to switch city

Akis Ioannou

Drag animations

3,877
0
84
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see drag animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

"Pitch" Prototype

2,207
2
App Description: Win stuff by telling companies what you want. If you want to give feedback via a surveymonkey survey you'll be entered into a draw for a $50 gift card of your choice. https://www.surveymonkey.com/s/WKDK9PS Cheers, Justin

752ed6b7-504d-11ed 9221-0e76797a4f7b

Hey!

3,778
1
Hey!, the conversational app that is here to help users find something to do today. Users search through three categories of events to find what best suits them, learn, see and do. Each event appears 24hrs before it begins, allowing users time to plan their day. Users can view saved events and can even add their own events, all from the home menu. Hey! brings people together through entertaining events.

2fea4bf5-504e-11ed 9221-0e76797a4f7b

The RVA App

1,700
0
11
This was an app I created to answer the question of "what's there to do tonight?" in the Richmond, Virginia area.

Britt Heit

Soccer Power

1,630
0
Track your soccer activities! Challenge your friends and enjoy playing!

6057962d-504d-11ed 9221-0e76797a4f7b

Pro Tips & Tricks

4,954
0
39
Here is the set of prototypes from the Pro Tips and Tricks webinar: 1) Propagate Events to Items Below 2) Containers as Symbols 3) Conditional Animation 4) Screen Interaction 5) Sketches into Prototype Here is the video of the webinar: http://docs.proto.io/videos/pro-tips-tricks/ The video is broken down with time-codes on Vimeo here: https://vimeo.com/103316955 (under read more) They are also below. Enjoy... > Create popover menu with click through to icon below 4:08 > Propagate all events to the item below 4:08 > Using containers as symbols for efficiency (navigation assets etc.) 11:59 > Customizing a navbar component 14:55 > Customize a tabbar component 16:48 > Convert navbar to a container to repeat (as symbol) 19:10 > Convert tabbar to a container to repeat (as symbol) 19:43 > Convert text box to a container to repeat (as symbol) 19:49 > Using a container to create change font style for repeated Titles and labels. 21:55 > Conditional animations triggered by drag gesture using variables (mailbox swipe). 23:04 > Adding containers to canvas 24:44 > Using the draggable gesture 25:25 > Variable Manager 26:00 > Using onDrag variable to change an objects opacity 26:38 > Range of property values that can be changed based on a drag gesture 27:45 > Capturing the X position from dragging an object using a variable 27:57 > Creating a new value if/then argument using shorthand javascript to change opacity using a variable. 29:00 > Creating a callback to the change a property that reads from a variable. 29:52 > Using the onDragEnd gesture 30:33 > Change the Left property using a variable triggered by onDragEnd 30:49 > See range of properties that can be changed from onDragEnd gesture. 31:04 > Using On Screen Show Interaction for creating an automatically cycling carousel. 35:25 > Importing paper sketches (photos of them) to use as background for layering assets and interactions. 40:28 > Toggling between a sketch and your higher fidelity mockup using states. 44:25 > Duplicating interactions between states 45:18

Todd Siegel

Next