index.html

---
layout: default
title: TableMaths by Traction
---
<h1>TableMaths <small>by <a href="https://tractionco.com">Traction</a></small></h1>

<p class="description">Sanity check for table-based HTML emails.</p>

<h2>Installation</h2>
<p>Drag this link to your bookmarks bar:</p>
<p><a class="bookmarklet" href="javascript:(function(){t=document.createElement('script');t.setAttribute('src','https://traction.github.io/TableMaths/tablemaths.js');document.body.appendChild(t);})()" title="Table Maths" onclick="alert('Don\'t click me, just drag me to your bookmarks bar!');return false;">Table Maths</a></p>

<h2>The problem</h2>
<p>HTML emails are, by necessity, chock-full of ugly, deeply nested, brain-scarring table constructions. Getting all the math right on your first try is both difficult, and painful. Tables just plain suck, and it's not like Outlook 2007 is helping anything.</p>

<h2>The solution</h2>
<p>Table Maths! A little JavaScript bookmarklet that looks through your code and lets you know when something ain't right. Place it in your bookmarks bar and you'll have one-click access to a status report on any table or td tags that have incorrect or suspicious widths.</p>

<h2>Bonus</h2>
<p>The little report window is draggable and resizable so you can get it out of your way. Hover over any of the tags listed in the report and they're magically highlighted on the page!</p>

<h2>Compatibility</h2>
<p>Currently tested in Firefox, Safari, and Chrome.</p>

<h2>Contributers</h2>
<ul>
  <li><a href="https://github.com/ggilder">Gabriel Gilder</a></li>
  <li><a href="https://github.com/TheSeg">John "Seg" Seggerson</a></li>
</ul>

<h2><a href="./releases.html">Release Notes</a></h2>

<div class="footer">
  <a href="https://github.com/traction/TableMaths">Get the source code on GitHub.</a>
</div>