Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By : Andy Matthews, Shane Gliser
Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By: Andy Matthews, Shane Gliser

Overview of this book

<p>jQuery Mobile is a mobile-centric web framework developed by the jQuery team. The project focuses on building a framework compatible with the ever-increasing variety of smartphones and tablet computers on the market. The jQuery Mobile framework plays well with other frameworks and platforms, such as PhoneGap and Backbone.</p> <p>Automate repetitive tasks easily and painlessly with the Grunt task runner, build a fully responsive, gorgeous photography website, and learn how to mix and match jQuery Mobile 1.4.5 into existing websites and how to deploy those changes to content management systems such as WordPress, Drupal, and HarpJS. jQuery Mobile aims to reach everyone, and so does this book. It will enhance your mobile knowledge and help you to create versatile, unique sites quickly and easily.</p>
Table of Contents (18 chapters)
Creating Mobile Apps with jQuery Mobile Second Edition
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Text readability and responsive design


Studies have shown that there are ideal character limits per line. Ideally, you should settle on 35, 55, 75, or 95 Characters Per Line (CPL). People tend to prefer either shorter or longer lines. Since we're really trying to showcase photography here, let's go with the shorter CPL. If you want to read the full report, you can find it at http://psychology.wichita.edu/surl/usabilitynews/72/LineLength.asp.

To a large extent, the width of our text columns will be dictated by the devices themselves. On smaller devices, we really have no choice but to go to a 100% width. Once we get to tablets in landscape mode, we'll have room to do creative things with our text. We could, for larger widths, increase our CPL to 55 and it would look great. We may also consider using larger images as well. Whatever we do, having a strong set of media query breakpoints is the key.

Let's take some paragraphs of text about sessions and make it more responsive with this study as...