@gmod/jbrowse
Version:
JBrowse - client-side genome browser
29 lines (25 loc) • 20.2 kB
HTML
<html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Touch the genome · JBrowse</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta name="description" content="Thanks to some great work by Juan Aguilar, JBrowse now runs on the iPad. Working with Lincoln Stein, Juan hooked up JBrowse to the iOS JavaScript touch/gesture callbacks."/><meta name="docsearch:language" content="en"/><meta property="og:title" content="Touch the genome · JBrowse"/><meta property="og:type" content="website"/><meta property="og:url" content="https://jbrowse.org/blog/2010/12/18/touch-the-genome-index.html"/><meta property="og:description" content="Thanks to some great work by Juan Aguilar, JBrowse now runs on the iPad. Working with Lincoln Stein, Juan hooked up JBrowse to the iOS JavaScript touch/gesture callbacks."/><meta name="twitter:card" content="summary"/><link rel="shortcut icon" href="/img/favicon.ico"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"/><link rel="alternate" type="application/atom+xml" href="https://jbrowse.org/blog/atom.xml" title="JBrowse Blog ATOM Feed"/><link rel="alternate" type="application/rss+xml" href="https://jbrowse.org/blog/feed.xml" title="JBrowse Blog RSS Feed"/><script type="text/javascript" src="https://buttons.github.io/buttons.js"></script><link rel="stylesheet" href="/css/main.css"/></head><body class="sideNavVisible separateOnPageNav"><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/"><h2 class="headerTitle">JBrowse</h2></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class="siteNavGroupActive"><a href="/blog" target="_self">Blog</a></li><li class=""><a href="/docs/installation.html" target="_self">Documentation</a></li><li class=""><a href="/en/demos.html" target="_self">Demos</a></li><li class=""><a href="/en/developers.html" target="_self">Developers</a></li><li class=""><a href="/en/contact.html" target="_self">Contact</a></li><li class=""><a href="/en/references.html" target="_self">References</a></li><li class=""><a href="/en/help.html" target="_self">Help</a></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="container docsNavContainer" id="docsNav"><nav class="toc"><div class="toggleNav"><section class="navWrapper wrapper"><div class="navBreadcrumb wrapper"><div class="navToggle" id="navToggler"><i></i></div><h2><i>›</i><span>All Blog Posts</span></h2><div class="tocToggler" id="tocToggler"><i class="icon-toc"></i></div></div><div class="navGroups"><div class="navGroup"><h3 class="navGroupCategoryTitle">All Blog Posts</h3><ul><li class="navListItem"><a class="navItem" href="/blog/2019/07/11/jbrowse-1-16-6.html">JBrowse 1.16.6 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2019/06/12/jbrowse-1-16-5.html">JBrowse 1.16.5 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2019/04/10/jbrowse-1-16-4.html">JBrowse 1.16.4 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2019/02/20/jbrowse-1-16-3.html">JBrowse 1.16.3 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2019/01/31/jbrowse-1-16-2.html">JBrowse 1.16.2 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/12/27/jbrowse-1-16-1.html">JBrowse 1.16.1 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/12/13/jbrowse-1-16-0.html">JBrowse 1.16.0 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/10/05/jbrowse-1-15-4.html">JBrowse 1.15.4 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/08/29/jbrowse-1-15-3.html">JBrowse 1.15.3 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/08/16/jbrowse-1.15.2-maintenance-release-index.html">JBrowse 1.15.2 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/08/01/jbrowse-1-15-1-index.html">JBrowse 1.15.1 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/07/19/jbrowse-1-15-0-release-index.html">JBrowse 1.15.0 release - CRAM support, CSI indexes, and on the desktop!</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/06/04/jbrowse-1-14-2-index.html">JBrowse 1.14.2 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/05/02/jbrowse-1-14-1-maintenance-release-index.html">JBrowse 1.14.1 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/04/18/jbrowse-1-14-0-release-index.html">JBrowse 1.14.0 release - iframe-less embedding, BigBed support</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/03/28/jbrowse-1-13-1-maintenance-release-index.html">JBrowse 1.13.1 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/03/15/jbrowse-1-13-0-release-index.html">JBrowse 1.13.0 release - now with webpack!</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/02/28/jbrowse-1-12-5-maintenance-release-index.html">JBrowse 1.12.5 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2018/02/14/jbrowse-1-12-4-maintenance-release-index.html">JBrowse 1.12.4 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2017/05/02/jbrowse-1-12-3-index.html">JBrowse-1.12.3: Maintenance Release</a></li><li class="navListItem"><a class="navItem" href="/blog/2016/06/03/gsoc-students-do-cool-jbrowse-projects-index.html">GSoC Students Do Cool JBrowse Projects</a></li><li class="navListItem"><a class="navItem" href="/blog/2016/03/01/jbrowse-1-12-1-index.html">JBrowse-1.12.1: Maintenance Release</a></li><li class="navListItem"><a class="navItem" href="/blog/2016/02/25/state-of-the-browser-2016-index.html">State of the Browser, 2016</a></li><li class="navListItem"><a class="navItem" href="/blog/2015/12/17/jbrowse-1-12-0-index.html">JBrowse-1.12.0: Open new genome from FASTA, in-line refseqs, NeatFeatures, Desktop</a></li><li class="navListItem"><a class="navItem" href="/blog/2015/02/12/jbrowse-1-11-6-index.html">JBrowse-1.11.6 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2014/09/04/jbrowse-1-11-5-index.html">JBrowse-1.11.5 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2014/05/14/jbrowse-1-11-4-maintenance-release-index.html">JBrowse-1.11.4 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2014/03/07/jbrowse-1-11-3-index.html">JBrowse 1.11.3 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2014/02/12/tutorial-exploring-structural-variation-index.html">Tutorial: exploring structural variation using JBrowse, from the tomato 150+ re-seq project</a></li><li class="navListItem"><a class="navItem" href="/blog/2014/02/10/jbrowse-1-11-2-index.html">JBrowse 1.11.2 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2014/01/07/jbrowse-1-11-1-index.html">JBrowse 1.11.1 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/12/19/jbrowse-1-11-0-index.html">JBrowse 1.11.0: hierarchical track selector, easier configuration, summary mode</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/12/10/jbrowse-1-10-12-index.html">JBrowse 1.10.12 maintenance release (please upgrade!)</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/12/03/jbrowse-1-10-11-index.html">JBrowse 1.10.11 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/11/21/jbrowse-1-10-10-index.html">JBrowse 1.10.10 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/11/08/jbrowse-1-10-9-index.html">JBrowse 1.10.9 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/10/25/jbrowse-1-10-8-index.html">JBrowse 1.10.8 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/10/15/jbrowse-1-10-7-index.html">JBrowse 1.10.7 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/10/07/jbrowse-1-10-6-index.html">JBrowse 1.10.6 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/10/03/jbrowse-1-10-5-index.html">JBrowse 1.10.5 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/09/23/jbrowse-1-10-4-index.html">JBrowse 1.10.4 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/09/04/jbrowse-1-10-3-index.html">JBrowse 1.10.3 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/08/15/jbrowse-1-10-2-index.html">JBrowse 1.10.2 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/08/06/jbrowse-1-10-1-maintenance-release-index.html">JBrowse 1.10.1 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/07/30/jbrowse-1-10-0-index.html">JBrowse 1.10.0: Combination tracks, better feature tracks, more glyphs, SPARQL support, and track pinning!</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/07/05/jbrowse-1-9-8-index.html">JBrowse 1.9.8 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/07/02/about-jbrowse-version-numbers-index.html">About JBrowse version numbers</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/06/25/jbrowse-1-9-7-maintenance-release-index.html">JBrowse 1.9.7 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/06/18/jbrowse-1-9-6-maintenance-release-index.html">JBrowse 1.9.6 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/06/12/jbrowse-1-9-5-index.html">JBrowse 1.9.5 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/05/22/jbrowse-1-9-4-index.html">JBrowse 1.9.4 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/05/09/jbrowse-1-9-3-index.html">JBrowse 1.9.3 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/05/02/jbrowse-1-9-2-index.html">JBrowse 1.9.2 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/04/25/jbrowse-1-9-1-index.html">JBrowse 1.9.1 maintenance release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/04/16/jbrowse-1-9-0-index.html">JBrowse 1.9.0: VCF support, dataset switching, wiggle track dynamic scaling, REST backend</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/02/12/jbrowse-1-8-1-bugfix-release-index.html">JBrowse 1.8.1 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/01/31/jbrowse-1-8-0-index.html">JBrowse 1.8.0: opens local files, new BAM track types, new plugin system</a></li><li class="navListItem"><a class="navItem" href="/blog/2013/01/10/jbrowse-1-7-6-bugfix-release-index.html">JBrowse 1.7.6 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/12/12/jbrowse-1-7-5-bugfix-release-index.html">JBrowse 1.7.5 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/12/06/jbrowse-1-7-4-bugfix-release-index.html">JBrowse 1.7.4 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/11/28/jbrowse-1-7-3-bugfix-release-index.html">JBrowse 1.7.3 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/11/09/jbrowse-1-7-2-bugfix-release-index.html">JBrowse 1.7.2 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/11/07/jbrowse-1-7-1-bugfix-release-index.html">JBrowse 1.7.1 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/11/05/jbrowse-1-7-0-index.html">JBrowse 1.7.0, now with data export, direct BAM display, and much more</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/10/26/jbrowse-1-6-5-bugfix-release-index.html">JBrowse 1.6.5 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/10/16/jbrowse-1-6-4-bugfix-release-index.html">JBrowse 1.6.4 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/09/28/jbrowse-1-6-3-bugfix-release-index.html">JBrowse 1.6.3 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/09/10/jbrowse-1-6-2-bugfix-release-index.html">JBrowse 1.6.2 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/09/07/rbuels-and-jbrowse-at-the-semantic-web-biohackathon-2012-index.html">@rbuels and JBrowse at the Semantic Web BioHackathon 2012</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/08/28/jbrowse-1-6-1-bugfix-release-index.html">JBrowse 1.6.1 bugfix release</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/08/25/jbrowse-1-6-0-released-includes-feature-descriptions-and-more-index.html">JBrowse 1.6.0 released, includes feature descriptions and more!</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/08/13/jbrowse-1-5-0-released-includes-direct-bigwig-access-index.html">JBrowse 1.5.0 released, includes direct BigWig access!</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/07/12/jbrowse-1-4-2-released-index.html">JBrowse 1.4.2 released</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/07/10/jbrowse-1-4-1-released-index.html">JBrowse 1.4.1 released</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/06/14/jbrowse-1-4-0-released-includes-faceted-track-selection-index.html">JBrowse 1.4.0 released, includes faceted track selection!</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/05/07/poliovirus-xrate-demo-by-oscar-westesson-index.html">Poliovirus / XRate demo by Oscar Westesson</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/04/19/jbrowse-1-3-1-released-index.html">JBrowse 1.3.1 released</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/04/13/jbrowse-1-3-0-index.html">JBrowse 1.3.0, a major release!</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/03/25/jbrowse-1-2-2-released-index.html">JBrowse 1.2.2 released</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/03/22/hg19-tarball-updated-to-jbrowse-1-2-1-index.html">hg19 tarball updated to JBrowse 1.2.1</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/03/16/jbrowse-in-google-summer-of-code-2012-2-index.html">JBrowse in Google Summer of Code 2012</a></li><li class="navListItem"><a class="navItem" href="/blog/2012/01/13/new-jbrowse-lead-developer-index.html">New JBrowse Lead Developer</a></li><li class="navListItem"><a class="navItem" href="/blog/2011/09/16/dna-sequencing-on-your-iphone-theres-an-app-for-that-index.html">DNA sequencing on your iPhone? There's an app for that</a></li><li class="navListItem"><a class="navItem" href="/blog/2011/09/15/jbrowse-conference-call-index.html">JBrowse conference call</a></li><li class="navListItem"><a class="navItem" href="/blog/2011/08/03/summer-2011-update-index.html">Summer 2011 update</a></li><li class="navListItem"><a class="navItem" href="/blog/2011/04/06/jbrowse-is-hiring-index.html">JBrowse is hiring!</a></li><li class="navListItem"><a class="navItem" href="/blog/2011/03/17/jbrowse-1-2-1-released-index.html">JBrowse 1.2.1 released</a></li><li class="navListItem"><a class="navItem" href="/blog/2011/02/17/jbrowse-1-2-released-index.html">JBrowse 1.2 released</a></li><li class="navListItem navListItemActive"><a class="navItem" href="/blog/2010/12/18/touch-the-genome-index.html">Touch the genome</a></li><li class="navListItem"><a class="navItem" href="/blog/2010/11/24/hg19-tarball-updated-index.html">hg19 tarball updated</a></li><li class="navListItem"><a class="navItem" href="/blog/2010/11/11/data-mini-release-hg19-annotation-tarball-index.html">JBrowse tarball for hg19 human genome data</a></li><li class="navListItem"><a class="navItem" href="/blog/2010/10/11/personal-genomics-website-using-jbrowse-index.html">Personal genomics website using JBrowse</a></li><li class="navListItem"><a class="navItem" href="/blog/2010/10/11/jbrowse-website-moved-to-amazon-cloud-index.html">JBrowse website moved to Amazon cloud</a></li><li class="navListItem"><a class="navItem" href="/blog/2010/09/09/jbrowse-1-1-release-index.html">JBrowse 1.1 release</a></li></ul></div></div></section></div><script>
document.addEventListener('DOMContentLoaded', function() {
createToggler('#navToggler', '#docsNav', 'docsSliderActive');
createToggler('#tocToggler', 'body', 'tocActive');
const headings = document.querySelector('.toc-headings');
headings && headings.addEventListener('click', function(event) {
if (event.target.tagName === 'A') {
document.body.classList.remove('tocActive');
}
}, false);
function createToggler(togglerSelector, targetSelector, className) {
var toggler = document.querySelector(togglerSelector);
var target = document.querySelector(targetSelector);
toggler.onclick = function(event) {
event.preventDefault();
target.classList.toggle(className);
};
}
});
</script></nav></div><div class="container mainContainer postContainer blogContainer"><div class="wrapper"><div class="lonePost"><div class="post"><header class="postHeader"><h1 class="postHeaderTitle"><a href="/blog/2010/12/18/touch-the-genome-index.html">Touch the genome</a></h1><p class="post-meta">December 18, 2010</p><div class="authorBlock"></div></header><div><span><p>Thanks to some great work by Juan Aguilar, JBrowse now runs on the iPad. Working with Lincoln Stein, Juan hooked up JBrowse to the iOS JavaScript touch/gesture callbacks.</p>
<p>The result is very cool indeed. Click <a href="http://jbrowse.org/ucsc/hg19/touch.html">here</a> to see it in action (um, using an iPad, naturally; if you have an iPhone, it will still work, but the screen is a bit small to do anything meaningful).</p>
<p>Alternatively, you can watch it here:</p>
<object width="480" height="385"><param name="movie" value="FMVtxTt6KCg?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FMVtxTt6KCg?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
<p>This code should (fingers crossed) make it into the next release. It's still "alpha" at the moment, but several people have asked for JBrowse on the iPad, and we do hate to disappoint.</p>
</span></div></div><div class="blogSocialSection"></div></div><div class="blog-recent"><a class="button" href="/blog">Recent Posts</a></div></div></div><nav class="onPageNav"></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/blog">Blog</a><a href="/docs/tutorial.html">Getting Started</a></div><div><h5>Community</h5><a href="https://gitter.im/GMOD/jbrowse">Project Chat</a><a href="https://twitter.com/JBrowseGossip" target="_blank" rel="noreferrer noopener">Twitter</a></div><div><h5>More</h5><a href="https://github.com/GMOD/jbrowse">GitHub</a><a class="github-button" href="https://github.com/GMOD/jbrowse" data-icon="octicon-star" data-count-href="/GMOD/jbrowse/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">Star</a></div></section><section class="copyright">Copyright © 2019 Evolutionary Software Foundation</section></footer></div></body></html>