I wanted to know if anyone knew of resources that go over mobile web design. I know HTML and CSS and stuff like that but I have not read about designing mobile websites. Is their a preferred method or approach?

 

Also I heard that you have to design two separate websites one for your regular website and the other for your desktop style website. Is that true?

Most people use responsive design which uses media queries (arguments) to apply different CSS styles depending on the size of the persons browser - this way it accounts for the majority of screen sizes without using multiple stylesheets. These two articles are quite useful:

 

http://www.html5rocks.com/en/mobile/responsivedesign/?ModPagespeed=noscript

http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design

 

You could also use a framework such as Foundation but I personally don't like them.

 

EDIT: If you want to get a more clear idea what's possible with media queries, check out the websites listed in this article: http://thenextweb.com/dd/2013/01/13/30-new-inspiring-responsive-design-websites/2/

 

(open the websites and resize them in your browser and see what happens.

Edited February 21, 201313 yr by Alluziion

Very useful information... thanks a million!