Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
js
 
 
 
 
 
 

jQMetrics

jQMetrics is a prototype implementation of an evaluation tool for web developers and designers to perform measurements along the metrics defined in our CHI 2011 Paper. Measurements are based on JavaScript using jQuery for determining the DPI value of your screen and the appropriate font size.

jQMetrics was originally created in the Global Information Systems Group at ETH Zurich. It is written and maintained by Michael Nebeling. It is available as free open-source software distributed under the GPLv3 license. See the file LICENSE for more information.

Should you have any questions or comments, please feel free to send an email to Michael Nebeling.

Note: Please cite the CHI 2011 Paper if you are using jQMetrics in your academic projects.

Usage

jQMetrics needs to be included using the following statements:

<!-- include jQuery -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<!-- include jQMetrics -->
<script src="js/jquery.metrics.js" type="text/javascript"></script>
<link href="css/jqmetrics.css" type="text/css" rel="stylesheet" />

As illustrated below, it will then load the jQMetrics interface and allow elements to be selected and included in the measurements. All elements of class markAsContent will be included.

jqmetrics

Examples

The following examples illustrate the usage of jQMetrics:

  • globis.html: Example peb page showing how jQMetrics can be used to perform measurements on web content layout.
  • fontsize.html: Simple web page with lots of text in different font sizes that was used for informally determining the appropriate font size with respect to different screen settings
  • screensize.html: Simple script included in jQMetrics that is used to determine the DPI value of the screen based on the screen diagonal provided by the user

About

jQMetrics: measuring web content layout

Resources

License

Releases

No releases published

Packages

No packages published