Description

Copyright 2012

Dimensions: 7-3/8" x 9-1/8"

Pages: 192

Edition: 1st

eBook (Watermarked)

ISBN-10: 0-13-283717-X

ISBN-13: 978-0-13-283717-0

Everyone has been talking about the mobile web in recent years, and more of us are browsing the web on smartphones and similar devices than ever before. But most of what we are viewing has not yet been updated for mobile presentation. How can designers bring more of the web up to speed with the capabilities of today's mobile devices?

In Mobilizing Web Sites: Develop and Design, author and designer Kristofer Layon addresses that elephant in the room --the many existing web sites that we manage on a day-to-day basis-- and walks through techniques that web designers can use to make these legacy web sites better-suited for mobile viewing. By focusing on content strategy and the mobile UI experience, web designers can use HTML, CSS, and JavaScript to design mobile presentations of legacy, standards-based web sites. The techniques of gradual mobile improvement are all that a designer needs to help the existing web be more mobile.

Sample Content

Table of Contents

1. The irony of the mobile web Today's device capabilities, yesterday's web sites 2. Big fingers and busy schedules The mobile user experience 3. What is all of this, anyway? How to inventory your existing site content 4. Excuse me but what are you? How media queries help content fit mobile devices 5. Lean and tall Making large-screen layouts adapt to small screens 6. Now you see it, now you don't Analyzing and prioritizing content for mobile delivery 7. Buttons Coding, sizing, and styling the basic mobile UI element 8. Images Techniques for dealing with legacy images 9. Let's polka Accordion menus can save bulky legacy site navigations 10. Tell it like it is Mobile presentation tips for legacy blogs 11. iPhone and iPod touch considerations If you really want to customize for iOS, there are techiques for that 12. Mobile JavaScript libraries Sencha Touch and jQuery Mobile