Skip to content

codecode allows your readers to dock your syntax-highlighted code blocks to the bottom of the page, allowing them to refer back without losing their place in your article.

Notifications You must be signed in to change notification settings

taptapship/codecode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

codecode.


What is codecode?

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!

I use my own syntax highlighter / How do I use codecode?

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:

  1. Have jQuery available.
  2. Download and include codecode.js or codecode.min.js.
  3. Call $('.codeblock').codecode();

You're done!

A demo!

I've set up a demo page to show how codecode can help.

About

codecode allows your readers to dock your syntax-highlighted code blocks to the bottom of the page, allowing them to refer back without losing their place in your article.

Resources

Stars

Watchers

Forks

Packages

No packages published