Here is the slide deck from my ICON US virtual presentation on XPages and Office 365 development

I am working on a single page mobile only web app where someone needs to just update numbers, easily and quickly. I found during some usability testing that having to tap into a field then tap to the end of the field and then start to add the numbers was way too much like hard work.

When building a mobile interface with bootstrap, one design option is to use placeholders to signify the field label. This approach has many critics who questions the page accessibility, the fact that when you click into the field and start typing you lose the context, and so on. It is however an approach which is frequently used. In this article I wanted to show how I made the PSC contest submission form go from “Labels” to “placeholders” using media queries.