Tik Tok project (Part 1) The videos in the project have been downloaded from: https://www.pexels.com/videos/ https://www.pexels.com/video/close-up-of-wheat-in-field-9917770/ https://www.pexels.com/video/moving-pages-of-books-8994820/ https://www.pexels.com/video/woman-with-freckles-on-her-face-looking-at-the-camera-8055998/ https://www.pexels.com/video/portrait-of-a-beautiful-young-woman-8056090/

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

Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

Here is an example of a scrollable data table with vertical and horizontal scroll and a fixed header. Data design: https://www.sketchappsources.com/free-source/3706-datatable-with-horizontal-scroll-sketch-freebie-resource.html

Netflix Desktop UI Sketch Resource Design: https://www.sketchappsources.com/free-source/3590-netflix-desktop-ui-sketch-freebie-resource.html

Snake animation on Nokia. NOKIA 3310 Mockup from: https://www.sketchappsources.com/free-source/3267-nokia-3310-mockup-vector-sketch-freebie-resource.html

Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations

45 random acts of kindness you can do today!