I'm having a couple of issues with my attempt at adding responsive aspects to
an existing design. Files at http://skunkworks.pixelalchemy.com/responsive/
1. How do I target both mobile and skinny browser windows: I've tried:
@media screen and (max-device-width: 480px) {
@media (max-width:
On Mon, May 20, 2013 at 10:30 AM, Dave Solko d...@pixelalchemy.com wrote:
I'm having a couple of issues with my attempt at adding responsive aspects to
an existing design. Files at http://skunkworks.pixelalchemy.com/responsive/
1. How do I target both mobile and skinny browser windows: I've
I'm a retired and slightly obsolete programmer who wants to jump back into
the game. There seems to be a lot of work remodeling websites so they work
well with cell phones, and also a lot of work moving toward cloud-based
everything. I've got a good handle on the cloud based stuff.
But I'm
I recommend Mobile First and Responsive Web Design from  abookapart.com as
well as peeking under the hood at sites listed at mediaqueri.es
HTH
—
Sent from Mailbox for iPhone
On Mon, May 20, 2013 at 11:46 AM, Colin (Sandy) Pittendrigh
sandy.pittendr...@gmail.com wrote:
I'm a retired and
Sorry to Tom for first sending this to him, not the list.
On May 20, 2013, at 10:52 AM, Tom Livingston tom...@gmail.com wrote:
I recommend Mobile First and Responsive Web Design from abookapart.com
I'd recommend a book with the same title but with Jump Start at the beginning:
Jump
To solve the second point you raise about everything being small, the viewport
meta tag would adjust how your design appears on mobile devices.
There's numerous good resources available but as a starter a suggestion would
be
meta name=viewport content=width=device-width, initial-scale=1.0