CSS in your pocket

Some notes from the talk: Angelina Fabbro: CSS In Your Pocket - Mobile CSS Tips From The Trenches [CSSConfUS2014]:


Get the layout right first.

Android 2.3 is the new IE6.

Below, a list to avoid if targetting Android 2.3 to avoid headaches.


.flex-container: {
  display: -webkit-box;  /* iOS6 */
  display: -moz-box;     /* old firefox */
  display: -ms-flexbox;  /* IE 10 */
  display: -webkit-flex; /* new chrome */
  display: flex;         /* new spec, opera 12.1, firefox 20+ */


Stay away from:

Useful resources: