For my latest project I've did all that. Here are somethings I've learned:
I've discovered that chrome has a problem with zoom levels (Nexus 4), while my older Desire's browser worked well.
Overlaying text over images is a royal pain in the ass for all mobile browsers. (Your standard position:fixed and position: relative thing won't work well unless you write media queries for every single goddamn fucking resolution)
Chrome lags with JQuery animation and that's an issue I'm looking to fix (since I am using Bootstrap's carousel)
Media queries are fucking amazing. Javascript support on most mobile browsers are quite terrible, and even lags (I'm using an iPod touch to test my webapp)
Comments
For my latest project I've did all that. Here are somethings I've learned:
I've discovered that chrome has a problem with zoom levels (Nexus 4), while my older Desire's browser worked well.
Overlaying text over images is a royal pain in the ass for all mobile browsers. (Your standard position:fixed and position: relative thing won't work well unless you write media queries for every single goddamn fucking resolution)
Chrome lags with JQuery animation and that's an issue I'm looking to fix (since I am using Bootstrap's carousel)
Media queries are fucking amazing. Javascript support on most mobile browsers are quite terrible, and even lags (I'm using an iPod touch to test my webapp)