todo css

doc.html

@@ -71,6 +71,7 @@ <h2>Todo list</h2>
 <li>Save error messages in html</li>
 <li>Remember the scroll state for each column that is out of view</li>
 <li>In the hashlink, record the number of visible columns</li>
+<li><a href="javascript:Sidenote.openColumn('#todo','#usecss3','Transitions%20should%20use%20CSS3')">Transitions should use CSS3</a></li>
 <li>Link every word to a dictionary / wikipedia / DuckDuckGo lookup</li>
 <li>Automatically scroll to top when opening new column (any tips?)</li>
 <li><a href="javascript:Sidenote.openColumn('#todo','#todo_browsers','Test%20in%20common%20browsers')">Test in common browsers</a></li>
@@ -171,6 +172,15 @@ <h2>Sidenote-link syntax</h2>
 <p>The <tt>link_destination</tt> specifies the name of <tt>.md</tt> Markdown file you want to link to (leave off the <tt>.md</tt> extension).</p>
 </div>
 
+<div id='usecss3'>
+<h2>Transitions should use CSS3</h2>
+<p>From <a href="https://github.com/rixth">rixth</a>:</p>
+<blockquote>
+<p>If CSS3 transitions are used for <a href="https://github.com/mikegagnon/sidenote/blob/b50d7ecc4efd868566d5e036a1d58d9ea592df50/js/sidenote.js#L216">animateSlide</a> they'll benefit from hardware acceleration, and the page weight will be considerably less as d3 will no longer be needed.</p>
+</blockquote>
+<p>See <a href="https://github.com/mikegagnon/sidenote/issues/1">Issue 1</a>.</p>
+</div>
+
 <div id='creatingdocs'>
 <h2>Creating documents with Sidenote is simple</h2>
 <ol>

doc/todo/todo.md

@@ -7,6 +7,7 @@ Todo list
 * Save error messages in html
 * Remember the scroll state for each column that is out of view
 * In the hashlink, record the number of visible columns
+* [Transitions should use CSS3](##usecss3)
 * Link every word to a dictionary / wikipedia / DuckDuckGo lookup
 * Automatically scroll to top when opening new column (any tips?)
 * [Test in common browsers](##todo_browsers)

doc/todo/usecss3.md

@@ -0,0 +1,8 @@
+Transitions should use CSS3
+---------------------------
+
+From [rixth](https://github.com/rixth):
+
+> If CSS3 transitions are used for [animateSlide](https://github.com/mikegagnon/sidenote/blob/b50d7ecc4efd868566d5e036a1d58d9ea592df50/js/sidenote.js#L216) they'll benefit from hardware acceleration, and the page weight will be considerably less as d3 will no longer be needed.
+
+See [Issue 1](https://github.com/mikegagnon/sidenote/issues/1).