I'm currently working on the User Interface design for a responsive mobile app that is being coded using html. This is the first mobile app development project for me as well as my Head of Engineering as well and for various reasons he has chosen to code in html and not code a native android or native iOS app.
My question is: Are there any guidelines for UI design for html based mobile apps? I have gone through Google's Material Design guidelines in detail and use these as far as possible in my design and specifications but this has been unusable for many reasons, some of which are described below:
Material Design uses 'dp' as the unit of measurement but this is not being used in html
Many patterns of usage suggested in Material Design are not readily available in html libraries. Eg, the Floating Action Button plugin is not readily available in html and so there is loss of fidelity between my spec sheets and the final product at the end of each sprint.
Any suggestions for a resource for html based apps from a design perspective would be very very helpful. I have tried Google search a couple of time but come up with nothing concrete.