Sticky Scrolling Sidebar Example

5,558
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

MeetUrMate

3,573
1
82
Our product from the latest Startup Weekend in HEC Montreal - Shared Economy (March 2016) This is your AirBnB for roommates. As most similar platforms focus on linking people to spaces, we focused our design in linking people to spaces and lifestyle. For each result shown, you will be able to quickly identify the % you match based on 10 carefully selected lifestyle criteria. As an added feature, you can identify the % match for each person living in the space. Moreover, we provided an opportunity to people with spaces to take the initiative in connecting to potential seekers. Closing the loop on the shared economy ecosystem.

b41689b8-504d-11ed 9221-0e76797a4f7b

Clic&Food

1,150
0

Beweg dich! (English: Move)

951
0
1
The App is about inspiring people through rewards to move their body. With the app you can track your distance (up to 20km / h speed to exclude car trips) and get a point for each kilometer, named M-Coin (= Move Coin). These M-Coins can be redeemed for online vouchers or, more interestingly, in local shops, which stand for healthy and deliberate nutrition, e.g. Subway, Vapiano, Dean&David(in Germany) etc. A typical premium would be e.g. a free coffee to go for 5 M-Coins (= 5 km of movement) or a salad, etc.

35f99c59-52df-11ee bd60-0e76797a4f7b

auto-complete search

4,540
2
154
Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

Todd Siegel

Date picker

7,902
1
441
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

34041018-d2c9-11ed 9221-0e76797a4f7b

Next