<html>
<head>
<title>VexTab</title>
<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT|Yanone+Kaffeesatz|Tangerine'
rel='stylesheet' type='text/css'>
<link href="tabdiv.css" media="screen" rel="Stylesheet" type="text/css" />
<link href="style.css" media="screen" rel="Stylesheet" type="text/css" />
<!-- VexFlow Uncompiled Sources -->
<script src="../src/header.js"></script>
<script src="../src/vex.js"></script>
<script src="../src/flow.js"></script>
<script src="../src/tables.js"></script>
<script src="../src/fonts/vexflow_font.js"></script>
<script src="../src/glyph.js"></script>
<script src="../src/stave.js"></script>
<script src="../src/staveconnector.js"></script>
<script src="../src/tabstave.js"></script>
<script src="../src/tickcontext.js"></script>
<script src="../src/tickable.js"></script>
<script src="../src/note.js"></script>
<script src="../src/barnote.js"></script>
<script src="../src/ghostnote.js"></script>
<script src="../src/stavenote.js"></script>
<script src="../src/tabnote.js"></script>
<script src="../src/beam.js"></script>
<script src="../src/voice.js"></script>
<script src="../src/modifier.js"></script>
<script src="../src/modifiercontext.js"></script>
<script src="../src/accidental.js"></script>
<script src="../src/dot.js"></script>
<script src="../src/formatter.js"></script>
<script src="../src/stavetie.js"></script>
<script src="../src/tabtie.js"></script>
<script src="../src/tabslide.js"></script>
<script src="../src/bend.js"></script>
<script src="../src/vibrato.js"></script>
<script src="../src/annotation.js"></script>
<script src="../src/tuning.js"></script>
<script src="../src/stavemodifier.js"></script>
<script src="../src/keysignature.js"></script>
<script src="../src/timesignature.js"></script>
<script src="../src/clef.js"></script>
<script src="../src/music.js"></script>
<script src="../src/keymanager.js"></script>
<script src="../src/renderer.js"></script>
<script src="../src/raphaelcontext.js"></script>
<script src="../src/stavevolta.js"></script>
<script src="../src/staverepetition.js"></script>
<script src="../src/stavebarline.js"></script>
<script src="../src/stavesection.js"></script>
<!-- VexFlow Compiled Source -->
<script src="../vexflow.js"></script>
<!-- VexTab Source -->
<script src="../vextab/vextab.js"></script>
<!-- Support Sources -->
<script src="support/jquery.js"></script>
<script src="support/raphael.js"></script>
<!--
TabDiv Sources
If you include raphael.js, TabDiv will render SVG (or VML on IE). If you
don't, it uses HTML5 canvas.
-->
<script src="tabdiv.js"></script>
<script src="../vextabdiv.js"></script>
</head>
<body>
<div class="vex">
<a href="http://vexflow.com">VexFlow</a> |
<a href="http://vexflow.com/vextab">VexTab</a> |
<a href="http://vexflow.com/tabdiv">TabDiv</a> |
<a href="http://vexmachines.com">VexMachines</a> |
<a href="http://0xfe.blogspot.com">0xfe</a>
</div>
<div class="header">
<h1>VexTab</h1>
<div class="main">
<b>A Simple Text-Based Language for Guitar Tablature.</b><br/>
</div>pre-pre-pre-alpha by <a href="http://0xfe.blogspot.com">0xfe</a>.
</div>
<div class="content">
<h2>What is VexTab?</h2>
<div class="description">
VexTab is a language that allows you to easily create, edit, and
share guitar tablature. Unlike ASCII tab, which is designed for
readability, VexTab is designed for <i>writeability</i>.
<p/>
Take a look at the example below. The green code box below is editable -
try adding another stave by typing <code>tabstave</code> on a new line.
</div>
<div style="width:530; margin-left: auto; margin-right: auto;">
<div class="vex-tabdiv"
width=510 scale=1.0 editor="true"
editor_width=530 editor_height=230>tabstave
notes (5/2.5/3.7/4) 5h6/3 7/4 |
notes t12p7p5h7/4 7/5 5s3/5
tabstave
notes (8/2.7b9b7/3) (5b6/2.5b6/3)v 7s0/4 |
notes (5/2.6/3.7/4)v
tabstave
notes (5/4.5/5)s(7/4.7/5)s(5/4.5/5) (5/4.5/5)h(7/5) |
notes t(12/5.12/4)s(5/5.5/4) 3b4/5 5V/6</div>
</div>
<h2>Learn VexTab</h2>
<div class="description">
VexTab designed to be easy to learn and intuitive to use. Follow the
tutorial on the <a href="tutorial.html">VexTab Tutorial</a> page to quickly
get started using VexTab.
</div>
<h2>Embed VexTab into your Web-Sites and Blogs</h2>
<div class="description">
<a href="http://vexflow.com/tabdiv">TabDiv</a> allows you to easily embed
nicely-rendered guitar tablature into your web-sites and blogs. No need
for using external applications, or managing lots of image files and
screenshots.
</div>
<h2>The Code</h2>
<div class="description">
The VexTab parser is open-source and licensed under the MIT license. It
uses the <a href="http://vexflow.com">VexFlow</a> API to render the
tablature.
<p/>
Get the code at the
<a href="http://github.com/0xfe/vex/tree/master/vextab/">Vex GitHub Repo</a>.
</div>
<h2>Stay in Touch</h2>
Keep up with changes by following <a href="http://0xfe.blogspot.com">The Blog</a><p/>
</div>
</body>
</html>