Free downloads
The following software and resources have been created by Optimalworks. They are free to download and use within your own projects. We are unable to offer free support, but full instructions are provided.
BetterInnerHTML – an innerHTML replacement
innerHTML allows a JavaScript developer to insert raw HTML code into the page at a specific node, e.g. node.innerHTML = “<p>some new HTML</p>”;
It’s fast and incredibly useful, but is non-standard, inconsistent across browsers, and comes with some problems. BetterInnerHTML solves those problems and still allows the developer to provide an HTML string.
Read more about BetterInnerHTML or visit the BetterInnerHTML demonstration and download page.
TACS: Templating and Caching System
TACS is a fast and lightweight page template system for PHP.
There are numerous template systems available but many are complex and involve learning new commands or techniques. TACS is aimed at PHP developers who simply want to use their own PHP code and libraries. It offers easy template includes, variables, HTML compression, and the ability to cache output from PHP code blocks.
We use TACS for many of our sites. Pages can be developed quicker, the code is cleaner, they are easier to maintain, and downloading is faster.
Download TACS (12 Kb)
CodeKeeper: WordPress <code> block plugin
WordPress has a very good text editor, but it can try a little too hard. Code examples often get additional line breaks or paragraphs which destroys the formatting.
Our CodeKeeper plugin solves the issue. It simply retains the formatting of <code></code> blocks and converts any necessary characters. It is useful for small snippets of code that do not require colour-coding, line numbering, or the other effects offered by more powerful syntax highlighters.
To install it, extract codekeeper.php to your WordPress wp-content/plugins folder, load the administration panel, and activate it in the Plugins section. You can also add CSS to the theme stylesheet to style the code, e.g.
code
{
display: block;
width: 90%;
font-family: monospace;
padding: 0.5em;
margin: 1em 0 1.5em auto;
color: #666;
background-color: #eee;
border: 1px solid #ccc;
white-space: pre;
overflow: auto;
}