Learn how to think beyond the desktop and craft beautiful designs that anticipate and respond to your users' needs. The author will explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display.

Mobile Web Design provides a web standards approach for delivering content beyond the desktop. The book discusses how to deliver web content to mobile devices, and includes statistics, code samples, and more than 40 screens from mobile devices.

Quick inspiration from mobile designers! Featuring more than 700 examples, Mobile Web Designer's Idea Book is packed with visual inspiration for creating top-notch mobile web designs. Web design expert Patrick McNeil, author of the popular Web Designer's Idea Book series, is back, this time with an in-depth look at trends, styles, themes and patterns in mobile web design. Arranged thematically, this inspiring and informative guide puts important mobile web topics at your fingertips. Discover what you need to know about: Frameworks Navigation Design styles Design elements Site types And more! Keep your projects relevant in this fast paced and ever-changing world of mobile web with this indispensable reference.

Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch. Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays. Start with content strategy before creating a visual design Learn why your default design should be for the narrowest screens Explore the HTML elements and CSS properties essential for responsive web design Use media queries to display different CSS styles based on a device’s viewport width Handle elements such as images, typography, and navigation Use performance optimization techniques to make your site lighter and faster

Graphics are key to the user experience of online content, especially now that users are accessing that content on a multitude of devices: smartphones, tablets, laptops, and desktops. This book provides foundational methodology for optimal use of graphics that begins with HTML and CSS, and delves into the worlds of typography, color, transparency, accessibility, imagery, and layout for optimal delivery on all the different devices people use today. It serves beginners and intermediate web builders alike with a complete foundation needed to create successful illustrative and navigational imagery for web and mobile. Coverage includes: lessons on typography, icons, color, and images the latest information on HTML5, CSS3, and other modern technologies in-depth exploration of image formats: GIF, PNG, JPEG, and SVG ways to employ adaptive strategies for responsive web design

Mobile devices outnumber desktop and laptop computers three to one worldwide, yet little information is available for designing and developing mobile applications. Mobile Design and Development fills that void with practical guidelines, standards, techniques, and best practices for building mobile products from start to finish. With this book, you'll learn basic design and development principles for all mobile devices and platforms. You'll also explore the more advanced capabilities of the mobile web, including markup, advanced styling techniques, and mobile Ajax. If you're a web designer, web developer, information architect, product manager, usability professional, content publisher, or an entrepreneur new to the mobile web, Mobile Design and Development provides you with the knowledge you need to work with this rapidly developing technology. Mobile Design and Development will help you: Understand how the mobile ecosystem works, how it differs from other mediums, and how to design products for the mobile context Learn the pros and cons of building native applications sold through operators or app stores versus mobile websites or web apps Work with flows, prototypes, usability practices, and screen-size-independent visual designs Use and test cross-platform mobile web standards for older devices, as well as devices that may be available in the future Learn how to justify a mobile product by building it on a budget

Web Design Inspiration at a Glance Volume 2 of The Web Designer’s Idea Book includes more than 650 new websites arranged thematically, so you can easily find inspiration for your work. Author Patrick McNeil, creator of the popular web design blog designmeltdown.com and author of the original bestselling Web Designer’s Idea Book, has cataloged thousands of sites, and showcases the latest and best examples in this book. The web is the most rapidly changing design medium, and this book offers an organized overview of what’s happening right now. Sites are categorized by type, design element, styles and themes, structural styles, and structural elements. This new volume also includes a helpful chapter explaining basic design principles and how they can be applied online. Whether you’re brainstorming with a coworker or explaining your ideas to a client, this book provides a powerful communication tool you can use to jumpstart your next project.

Our industry's long wait for the complete, strategic guide to mobile web design is finally over. Former Yahoo! design architect and cocreator of Bagcheck Luke Wroblewski knows more about mobile experience than the rest of us, and packs all he knows into this entertaining, to-the-point guidebook. Its data-driven strategies and battle tested techniques will make you a master of mobile-and improve your non-mobile design, too!

In a complex world, products that are easy to use win favor with consumers. This is the first book on the topic of simplicity aimed specifically at interaction designers. It shows how to drill down and simplify user experiences when designing digital tools and applications. It begins by explaining why simplicity is attractive, explores the laws of simplicity, and presents proven strategies for achieving simplicity. Remove, hide, organize and displace become guidelines for designers, who learn simplicity by seeing before and after examples and case studies where the results speak for themselves.