alooma - modern data plumbing Web Starter Kit Download Web Starter Kit (beta) What is Web Starter Kit? Web Starter Kit is an opinionated boilerplate for web development. Features Quickstart Download the kit or clone the repository and build on what is included in the app directory. There are two HTML starting points, from which you can choose: index.html - the default starting point, containing Material Design layout.basic.html - no layout, but still includes our minimal mobile best-practices Be sure to look over the installation docs to verify your environment is prepared to run WSK. Web Performance Web Starter Kit strives to give you a high performance starting point out of the box. Browser Support At present, we officially aim to support the last two versions of the following browsers: ChromeEdgeFirefoxSafariOperaInternet Explorer 9+ This is not to say that Web Starter Kit cannot be used in browsers older than those reflected, but merely that our focus will be on ensuring our layouts work great in the above. Troubleshooting Docs and Recipes
How Do Users Really Hold Mobile Devices? For years, I’ve been referring to my own research and observations on mobile device use, which indicate that people grasp their mobile phones in many ways—not always one handed. But some of my data was getting very old, so included a lot of information about hardware input methods using keyboard- and keypad-driven devices that accommodate the limited reach of fingers or thumbs. These old mobile phones differ greatly from the touchscreen devices that many are now using. Modern Mobile Phones Are Different Everything changes with touchscreens. On today’s smartphones, almost the entire front surface is a screen. So, I’ve carried out a fresh study of the way people naturally hold and interact with their mobile devices. What My Data Does Not Tell You Before I get too far, I want to emphasize what the data from this study is not. Most important, there is no count of the total number of people that we encountered. What We Do Know To see the complete data set: one handed—49%cradled—36%two handed—15%
Single Page guru, when you need a simple good looking automatically generated single page site template Touch Target Sizes People interact with touch-based user interfaces with their fingers. So user interface controls have to be big enough to capture fingertip actions without frustrating users with erroneous actions and tiny targets. Ok, so how big? In the iPhone Human Interface Guidelines, Apple recommends a minimum target size of 44 pixels wide 44 pixels tall. Since physical pixel size can vary by screen density, Apple's pixel specifications apply best to the iPhone's 320 by 480 pixel, 3.5 inch display (164ppi). In the Windows Phone UI Design and Interaction Guide (PDF), Microsoft goes further and suggests: a recommended touch target size of 9mm/34px; a minimum touch target size of 7mm/26px; a minimum spacing between elements of 2mm/8px; and the visual size of a UI control to be 60-100% of the touch target size. The Ubuntu Designing for Finger UIs documentation states the minimum size of buttons and other interface elements should determined by the size of an adult finger (diameter of 16mm to 20mm).
Responsive Navigation: Optimizing for Touch Across Devices As more diverse devices embrace touch as a primary input method, it may be time to revisit navigation standards on the Web. How can a navigation menu be designed to work across a wide range of touch screen sizes? In these demos, Jason Weaver and I decided to find out. The Demos Why do these navigation menus work across a wide range of touch screen sizes? Why do we care about touch across a wide range of screen sizes? Across Screen Sizes First, why do we care about touch across a wide range of screen sizes? Tablets are no different. And the very notion of what defines a tablet is being challenged by laptop/tablet convertibles and touch-enabled Ultrabooks. Even beyond 13 inches, touch and gesture interfaces are possible. Accounting For Touch So what does it mean to consider touch across all screen sizes? Touch target sizes are relatively easy: just make things big enough to prevent accidental taps and errors. These common patterns of posture create easy to hit and hard to reach touch areas.
How to design for thumbs in the Era of Huge Screens - Scott Hurff After years of resistance, Apple’s iPhone 6 announcement last week officially signaled the Dawn of the Era of Huge Screens. And it’s going to crash into existence in a big way. Just this Monday, Apple announced that they’d sold over four million pre-orders for the phones the opening night of pre-orders. In only one night, they sold almost half of what they sold the entire opening weekend last year for iPhone 5s and 5c. So it’s looking like the 3.5” and 4” screens of yore will start their inevitable decline very quickly. The decline is already in motion. That means that learning how to design for thumbs is now more important than ever. Apple’s changes will make our lives easier as smaller screen sizes die off. If not, the future is going to be pretty painful for those thumbs. This is especially important for those of us who’ve only been building iOS apps. Apple's TV ad entitled "Thumb" from 2012. Designing for Thumbs? What does it mean to design for thumbs? But this gets complicated.
100+ Top Apps for Private Chat (iPhone/iPad) | AppCrawlr Because you searched for download android free private chat apps, meet new people apps, android talk to people apps, chatting with people apps, chatting with friends apps, keeping in touch apps, android market free social network games, android market free make friends apps, android send private apps, iphone voice chat apps, connecting with friends apps, make new friends apps, staying connected games, ipad free social networking apps, free talk to my friends apps, wasting time apps, iphone free free chat apps, android people nearby apps, android market free public chat apps, iphone social media apps, android market keeping in touch with friends apps, #1. Instagram - ranked #1 for sharing pics, #1 for photo lovers, #1 for photo album, #1 for social apps, "can you add like a private chat " - "InstagramOver 150 million users love Instagram! #2. "Reminds me of a private chat room w/ friends" - "GroupMe is the best way to chat with everyone you know. #3. #4. #6. #11. #1.
Top 33 Free Bookmarking Apps - 1 to 33 based on popularity 1 to 33 based on popularity Bookmarking applications let users save web resources that they wish to access later into organized lists that can be shared online. AppAppeal ranks all bookmarking apps based on worldwide popularity. Pocket lets users quickly save web content they come across on any mobile device or computer. Diigo is a research and collaborative research tool on the one hand, and a knowledge-sharing community and social con... StumbleUpon is a discovery engine that encourages users to explore new URLs and share their favorite web pages. Delicious.com allows users to share and save their favorite bookmarks in one centralized place. Corkboard.it offers a unique way to collect, organize and share various items online. Pistach.io lets users store anything they find on the web. Smart bookmarking app for time strapped readers. Gimme Bar presents user with a new way to save web content. Ineedtoreadthis.com offers a way to keep track of articles that you want to read eventually.