Publishers of technology books, eBooks, and videos for creative people
Register your product to gain access to bonus material or receive a coupon.
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.
Strategies for Mobile Web Implementation: Mobilizing Images
Download Chapter 4: Mobilizing Images
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