Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Mobile version Vs Desktop version of the website

One thing I dont understand it that why would you need to design both the mobile and the desktop version of the site differently? I mean shouldnt they look the same? and if not how am I supposed to specify that one design of the website is for the mobile device and the other one is for the desktop version of the website? and lastly, do we need to make a different website for every different platform or not?

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

You should first of all check if your target need a mobile version (the answer on this question is most often yes). And noo they shouldn't look the same , actually they can't even look the same, why? well first of all the dimension of the screens are different. On the desktop you have a bigger screen to relay on on the tablet and the mobile you've a lot smaller screen (special on the mobile). Offcourse the look and feel should look the same and the main functionalities should be the same but the behave of those functionalities are different.

For example on the tablet and mobile you have touch events, on the desktop that isn't very common. And answering you last question you don't need to always make different websites for each platform that really depends on your targets.

2 Answers

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

exactly the same way you publish your website to internet you do the same with the mobile version. The only different thing may be that your mobile version of the site is located at: www.yourdomain.com/mobile or mobile.yourdomain.com and then when one of your users type in your site for example: www.bilal.com you can check if the user is on an mobile device or on an desktop and then you decide what you should show. If you now go to teamtreehouse.com on your mobile device a whole other layout will be represented to you, because they checking if you're on an mobile device and then loading a different stylesheet or even better the already made it responsive ;).

If you want more information of how you can make your site responsive etc you should follow one of teamtreehouse courses about responsive, which is located http://teamtreehouse.com/library/build-a-responsive-website

okay, I understand your answer, could you also answer the following question: lets say I make the mobile version of my website, how do I get it running on the internet? for example if my website was for desktop then this would imply getting a web hosting and other related stuff and some other stuff and then my desktop version of the website would be running on the internet.