For a long time I have been looking on how to make a responsive website to look like an app cross all devices. I had the opportunity to setup a new website with the "app" feeling and I've decided to share with you how I did it and add you a few tricks that you should know.
Full screen experience
HTML5 brings to the table new features, like type="number" or type="email", which is awesome for some devices, however, for iPhone might not look the way you expect and most of the times will show you the normal keyboard and you will have to switch between numbers and letter when you are filling in a form.
Using the snipped below:
<input type="number" pattern="[0-9]*">
It will show the number only keyboard, and the magic happens when you add pattern="[0-9]*". I haven't fully tested this pattern to see if it takes more patters, however, I will leave this with you and leave a comment below with your outcome.
Rich text editor
HTML5 provides a Boolean attribute, ContentEditable , which can be applied to any HTML tag, including table, ul and div. This boolean attribute will allow users to edit that portion of text.
<ul contenteditable >
Some code from above is included in this website, http://blog.ovidiubokar.com, I've excluded the logos across all devices as currently I don't have a logo.