What is YOUR workflow when it comes to making your websites responsive?
What is YOUR workflow when it comes to making your websites responsive?
[ad_1]
Whenever I create a new site, this seems to be the part I despise doing. So, I need to get better at it. What are your tips and tricks? I'm just curious if there are things I might have missed or alternative methods I could implement.
The best advice I can give, is start mobile first.
Of course, everyone says this. But invariably a desire to make a pleasing desktop experience means the mentality is never truly mobile first, but, “get mobile out of the way” or even just “ugh, I’ll come back to it later”.
Most of the visitors to the sites I create are on mobile. So whether I like it or not, I make that priority.
And once Mobile view is pretty much done, I then scale outwards and adjust things accordingly.
Naturally you find things that are suboptimal and you go back and see if you can rearrange something so that it still works the same in mobile view, but can be moved to a better position at a wider view. But that’s generally preferable to doing it the other way round – getting everything working for a smaller screen and then accommodating a larger screen, is much easier that getting everything looking great on a larger screen and then trying to squeeze it into a smaller one.
The best advice I can give, is start mobile first.
Of course, everyone says this. But invariably a desire to make a pleasing desktop experience means the mentality is never truly mobile first, but, “get mobile out of the way” or even just “ugh, I’ll come back to it later”.
Most of the visitors to the sites I create are on mobile. So whether I like it or not, I make that priority.
And once Mobile view is pretty much done, I then scale outwards and adjust things accordingly.
Naturally you find things that are suboptimal and you go back and see if you can rearrange something so that it still works the same in mobile view, but can be moved to a better position at a wider view. But that’s generally preferable to doing it the other way round – getting everything working for a smaller screen and then accommodating a larger screen, is much easier that getting everything looking great on a larger screen and then trying to squeeze it into a smaller one.