Syntax highlighter switched to Crayon

Emanuele Feronato Blogging, WordPress

Today I have good news for you readers: I changed the syntax highlighter – the WordPress plugin which renders the buggy code I share on the blog with all those nice colors – from WP-Syntax to Crayon Syntax Highlighter.

This will allow me to publish source code in a better way, with highlighted lines, easy options to copy/paste source code, a better layout and generally more control on snippets.

For all you “before/after” maniacs, here is a picture which explains it all:

I am working hard to make this blog as usable as I can, and I hope this will be a great improvement.

Give me feedback.

Want to learn more? Learn by example!

Get the full commented source code of an actual commercial cross platform HTML5 game!!

Comments 18

  1. ChrisM

    HMmmm… I like the one on the left a little better, mainly due to the font it seems to be easier to read, and things stand out better. The one on the right isn’t bad either, but the declarations seem to blend more together – can can see some of it is a different color, but almost not at all.

  2. MC

    There’s a feature we want, that we need:
    Wrap the flash demos into some tab that we can switch on/off
    or even reset without reloading all the page

  3. aramk

    Thanks for switching to Crayon, hope you find it useful :) You can change the font to monospaced and a bunch of others (the default is Monaco) and also include fonts from Google Web Fonts:

    http://aramk.com/crayon/add-user-fonts-to-crayon/

    The spacing can also be modified – if you disable the font-size override from it’s default 12px it will inherit the font from the page, and from any CSS you want to apply to it. Turning it off should default to a more spaced out 14px which most WordPress themes use.

  4. Lo Sauer

    I agree with Liktorus, the font isn’t everyones flavor, thus I am sticking purely with consolas and monofonts on my site. I wouldn’t want to discuss algorithms with such an code-font.

    But your site is awesome!

Leave a Reply

Your email address will not be published. Required fields are marked *