Kirill Bondar 10/15/2014 4:58:59 AM
1. Text is already automatically hidden on screens less than 768px - you can test it even on desktop in any modern browser by reducing window width.
2. We wanted to do it in a little bit different way on a mobile devices - convert the set of buttons to a sort of dropdown. Also
As for icons as a way to improve UI readability - while feature looks simple at the moment it's somewhat technically complicated. Icons on buttons are not images, they are rather vector graphic to scale with the base font size (especially on retina displays). The only cross-browser way to display vector graphics is to use specially crafted font - not a big problem since there are many online tools for that. Next, again, cross-browser problem - to make it work you need to supply font in 4 various formats - EOT for IE8-, TTF for IE9+ and all the rest, WOFF as more compact TTF and finally SVG for old iOS/Android devices. So far so good but IE7 requires serious scaffolding to display icons and we have to evaluate each and every case to make sure it won't break the functionality.
All browsers except for IE are "evergreen" - only latest version is supported. As far as I heard, in one year Microsoft will change its browser support policy switching to an "evergreen" model as well - that's IE9 on Vista, IE10 on Windows 2008 server and IE11 on everything else. Also at this time old Android devices will fade away. IE9's feature set is good enough to compete with "latest and greatest". Then we'll be able to review the set of technologies available at our hands.