Mobile Web Design Help

#1

Post by jhacks » Tue, Feb 14, 2012, 9:04 PM UTC

Can anyone help me find a good resource for information on mobile web design? More specifically, I'm interested in "responsive" web design where a single website (and related code) can be used both by a desktop and mobile browser.

Is there a way to code your HTML/CSS to recognize the device your user is using and display the appropriate webpage?

There just seems to be so many features/changes to the design of some pages when viewed on a mobile browser and my knowledge of CSS/HTML doesn't encompass this.

Any help is appreciated. Thanks!

Re: Mobile Web Design Help

#2

Post by chrisabruce » Tue, Feb 14, 2012, 11:22 PM UTC

This might not be exactly what you are looking for, but could be very helpful to look at some of the responsive web frameworks like Foundation (http://foundation.zurb.com/).

Re: Mobile Web Design Help

#3

Post by SuperChihuahua » Wed, Feb 15, 2012, 12:36 PM UTC

There's are really good book on that: Responsive web design

http://www.abookapart.com/products/responsive-web-design

Re: Mobile Web Design Help

#4

Post by jhacks » Thu, Feb 16, 2012, 6:09 PM UTC

SuperChihuahua wrote: post #3

There's are really good book on that: Responsive web design http://www.abookapart.com/products/responsive-web-design

Thank you for that! I will be getting that book and reading through it. The description seems to be exactly what I'm looking for. If anyone has any other suggestions or materials... feel free to share them. Thanks!

Re: Mobile Web Design Help

#5

Post by jhacks » Thu, Feb 16, 2012, 6:10 PM UTC

chrisabruce wrote: post #2

This might not be exactly what you are looking for, but could be very helpful to look at some of the responsive web frameworks like Foundation ( http://foundation.zurb.com/ ).

Not exactly what I'm looking for, but thank you for the link.