upwards of 44px to comfortably fit within a touch target so design for that.

Standard keyboard | <input type=”text” />

URL parameters | <input type=”url” />

Email-specific keyboard | <input type=”email” />

Numeric keyboard | <input type=”text” pattern=”[0-9]*” />

http://www.mobify.com/mobifyjs/v2/docs/

royalslider.js

http://dimsemenov.com/plugins/royal-slider/royalslider/jquery.royalslider.min.js?v=9.3.6

icons

• https://linearicons.com/
• https://css-tricks.com/flat-icons-icon-fonts/

优化

The key points he make:

• Images slow things down immensely– get rid of them
• Avoid text-shadow & box-shadow
• Hardware-acceleration is quite new… and buggy (concurrent animations is limited)
• Avoid opacity if possible (sometimes interferes with hardware-accelerated rendering)
• Use translate3d, not translate (the latter is not hard-accelerated)

• Some other points that can improve performance significantly:

• use getImageData as infrequently as possible (major slowdown) [2]

• combine more than one canvas in order to repaint smaller parts that are changing more frequently

MOBILE ★ BOILERPLATE