Google Code Prettify を Monokai スタイルにしてみました。

こんばんは。
前回に続きましてKENGOです。

昨日、1記事目を作成している時に、
いろいろとコード記述などの装飾が不足しているなと思い、
作成いいたしました。

まずは、コード記述エリアの表示。

Google Code Prettifyが良いなと思い、
使えるようにしてみましたが、いまいち既存のカラーリングでは
満足できなかったので、大好きな Monokai をベースに
カラーリングを設定し、さらにWhitespaceの・表示や
インデントラインを表示させるように調整しました。

cssの編集だけでは、できなかったので、
一部JqueryでDOMを編集もしています。

そして、できたのが以下です。

< ?prettify?>

var Account;

Account = function(customer, cart) {
  var _this = this;
  this.customer = customer;
  this.cart = cart;
  return $('.shopping_cart').bind('click', function(event) {
    return _this.customer.purchase(_this.cart);
  });
};

続きを読む Google Code Prettify を Monokai スタイルにしてみました。