mobiscroll.com

blog.madnesslabs.net

Better Forms with Mobiscroll

https://blog.madnesslabs.net/better-inputs-with-mobiscroll

Better Forms with Mobiscroll. May 18, 2015. In short, it is a library used to make mobile friendly, enhanced user inputs, that mimic Apple’s / HTC’s scroll pickers. It started as a simple date picker, but now has branched into a full suite that covers dates in a varieties of ways, all the way to selects. Well it really came down to 2 big ideas when we chose to use this library at Madness Labs, Browser/Device Compatibility. I’m Sold, Hook a Coder Up! Docs & Demos. Madness GO – it has begun.

uipatterns.io

Forgiving input format | UIPatterns.io

http://www.uipatterns.io/forgiving-input-format

Data and content management. The user needs to enter some data into a field and doesn’t want to worry about how the data is formatted. The user needs to enter some data into a field and doesn’t want to worry about how the data is formatted. It is possible that the user doesn’t exactly know how format the data. By accepting multiple formats and variations in the input fields, interpretation is left to the system rather than the user who is not forced to think about it in the correct way. Use real-time sea...

uipatterns.io

Time Input | UIPatterns.io

http://uipatterns.io/time-input

Data and content management. The user needs to enter a time or pick a time slot. The user needs to enter a time or pick a time slot. Instead of keyboard time entry use this to let the user pick a time. Use this whenever typing in the time is not an option or you need a more structured format. Use the hour/minute scroller and AM/PM wheels for a 12 hour time format. familiar interface for most smartphone users. Showing 6 live examples. The user needs to enter a time or pick a time slot. In some cases it ma...

uipatterns.io

Reordering data | UIPatterns.io

http://www.uipatterns.io/reordering-data

Data and content management. The user wants to manually order records in a list. The user wants to manually order records in a list. Use this to let the user set the desired order of the list. Initially load the data in an order that makes sense to the user. When loading text, setting the order to be alphabetical makes sense, however it can be something else based on the specific scenario. Empower the user by giving them control over how the data is server. Make the dragging state clear to the user and g...

uipatterns.io

Date range | UIPatterns.io

http://www.uipatterns.io/date-range

Data and content management. The user wants to filter and look up information by a date. The user wants to filter and look up information by a date. Planning out the future or browsing past data involves dates and date ranges. Use it whenever the user needs to pick a single or multiple days as a range in order to get to the desired data. Consider alternative methods that might be easier for the user to select a range than always relying on a calendar picker. Showing 4 live examples. Please select a city.

uipatterns.io

Segmenting data | UIPatterns.io

http://www.uipatterns.io/segmenting-data

Data and content management. The user needs to navigate and find records in a long list. The user needs to navigate and find records in a long list. Breaking the data up into manageable subsets helps in navigating and locating records easier. Finding the right criteria for segmenting the list is the most important piece of the puzzle. Sorting the data in alphabetical order and dividing based on the first letter helps locate records quickly. Showing 4 live examples. View in full screen. Coca Cola $3.50.

uipatterns.io

Rating content | UIPatterns.io

http://www.uipatterns.io/rating-content

Data and content management. The user wants to rate and give feedback on content. The user wants to rate and give feedback on content. Use this for providing means of rating or giving a binary feedback (like/dislike) for content. Use when you want a mechanism for recommending worthwhile content. Use star rating in situations where you want to give the user fine-grain control over rating items and content versus just providing a binary choice. Show the rating as a slider control or render a scrollable list.

constraints.co

Constraints! - Use jrumble js

http://www.constraints.co/wd1-13

Yes, it's a stupid card. But you can totally make it work. we believe in you ;). A key skill of the web designer is the ability to incorporate an arbitrary, unjustifiable, downright insane requirement with style, elegance and bucketloads of win. Get your daily reminder to level up. Pick a card. Any card. You can view the whole deck here, play the 3D mashup. Version, or print the PDF. Thanks to the joker sponsors for deck one! I'd love to hear how you get on with Constraints cards. CC BY NC SA.