I know what you’re thinking: Whatchu talkin bout fool? What I’m talking about is changing content based on the device of your user. What I’m not talking about is moving stuff around with css and using display: none a bunch. I’m talking about never showing the content or showing different versions of content to mobile devices or tablets. I have seen this idea mentioned very briefly in many posts, but nobody seems to tell you how or why to actually do it. So that’s what I’m going to try to answer here.
When you decide to start converting your current website to an adaptive layout or start a new website which you want to be adaptive, the project can seem a bit daunting to say the least. I mean, how the hell do you start building a website that looks good, in every size known to man? That’s an overstatement, but you know what I mean. This is not a technical post, there’ll be plenty more of those, this is more of look into the major areas you need to think about during the process of building an adaptive website.
Creating menus for mobile users gives webdesigners a unique challenge, which can be dealt with in very different ways. One of the quickest ways is to use a jquery plugin, now if you are not loading jquery as part of your site already this might be overkill just to use it for a menu. But a lot of us use JQuery so this can be a good solution.
– The way new websites are made
As a webdesigner, if you haven’t yet heard of mobile-first and responsive webdesign, I’m guessing you are either very, very, very busy with client work or you have been locked in a basement for about a year because these words are being used everywhere I look. But I do know some webdesigner have not yet looked into it and that most of our clients still do not know what it is or how it’ll benefit their users.