I've built my first responsive website!
I have animated transitions between screen sizes, so it goes from a 3 column layout, then 2 and finally a single column. The spare columns fade away and the main section expands to fill the space. This works great on my desktop computer, but when I test it on my smartphone you can't really see the transitions, even the image header crossfade only shows 2 or 3 frames of animation at most - it just makes it feel a bit clunky, but then again, I only have one of those really cheap Chinese Huawei Ascend G300s to test it on.
My question is would a more expensive phone or ipad make a better job of it or should I just remove any animated transitions when displaying on phones and tablets?
Thanks in advance!