Fractured Atlas
Sign in/up

This is an archived post from our old blog. It's here for the sake of posterity (and to keep the search engines happy). Our new blog can be found at http://blog.fracturedatlas.org.

#TechToolTuesday: Documenter

*So this #TechToolTuesday is a little geekier than we normally publish, but stay with me, I promise this tool is worth it!

In software development, programmers developing code for whatever project they are working on also have to provide documentation on how the code operates and how to use it. It's important that this documentation is clear so that other programmers who come onto the project can pick up where the previous programmer left off.

Now, you could just have a long column of text, but that's boring! Documenter v 2.0 is a super easy web application that helps anyone create beautiful and dynamic web documents with a professional-looking and customizable menu. And best of all? It's absolutely free.

Don't know what I'm talking about? This FAQ page for the application was created using Documenter.

Here's how it works:


  • Go to¬†http://revaxarts-themes.com/documenter/ and start filling out the documentary info section, like the Title of the Document, a headline, the author name, etc.

  • Buttons: If there's a call to action for your document, like "Check out my website!" or "Send me a message!" you can create buttons that readers can click on that will link to wherever you want them to go.

  • Current Section: This is where the magic happens. The document is broken into "Sections." In the software world, this might be something like "HTML Structure" or "Javascript." If you were using to feature your CV, this could be the sections of your work experience like "Production History" or "Training/Education." You can type content into the current section, insert new sections with the click of a button, re-order sections simply by dragging and dropping section headers in the sidebar... and in a few minutes you have the makings of a dynamic and professional document.

  • Customization: From here you can do things like upload a logo, change the color palette of the document, insert a background image or color... the world is your oyster!

  • Once you're all done, you click the big "BUILD DOCUMENTATION" button and you can either preview it live, or download a .zip of all the files you need to publish it on the web onto your local drive.


While this tool is sure to be a natural fit for the web savvy, there are plenty of tech lay people who can use this tool to create fantastic looking web documents for their own websites on the fly. I know this might be a bit of a reach for some of our readers who aren't as familiar with web development, so I created a sample web document using my colleague, Leila Ghaznavi's impressive CV. You can download the .zip file here. Just unzip it and open the "index.html" file in your web browser of choice (e.g. Chrome, Safari) to see the possibilities!