If you spend any time reading a programmer's blog, there's a good chance you're going to be reading some code samples. I often have the problem of either looking ahead to the code without reading the text, or I just want to refer back to the code as I'm digesting the author's point. Our monitors are only so tall; I just want to be able to see both at the same time, without losing my place in either.
That's what codecode helps with. It's a jQuery plug-in which will split your page in two, allowing your readers to see your code as they read your article.
Will it work with SyntaxHighlighter?
Omg, yes! Just include codecode.js on your page, and... that's it!
codecode can be dropped onto your website, anywhere code blocks are used, such as:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>This is a website!</title>
...All you need to do is:
- Have jQuery available.
- Download and include
codecode.jsorcodecode.min.js. - Call
$('.codeblock').codecode();
You're done!
I've set up a demo page to show how codecode can help.