Chili is the jQuery code highlighter plugin.

<code></code>内に書き込まれたソースコードに色を付けてくれるJavaScriptライブラリ。
jQueryベースでできています。

言語も指定する事ができる。
<code class=”html”></code>や<code class=”css”></code>等とクラスを付ける事によってそれに合わせた色をつけてくれる。

用意されている言語は、C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, XHTMLなどがある。

一応導入してみたんですけど、IEだとなぜか改行されないで表示されてしまう・・・。
ソースをみると「<br />」は記述されているみたい。
なんでだろ。。。

サンプル(CSS)

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
#wrapper {
width:770px;
text-align:left;
font-size:92%;
margin:0 auto;
}

サンプル(html)

<code class="html">
<div id="header">
<h1>タイトル</h1>
</div>
</code>

という具合に色づけ出来ます。
背景が黒だと見づらいですね・・・。

こちらからダウンロード出来ます。
Notes Log - Chili 2.2

ちなみに、WordPressユーザーにはプラグインもあるようです。
WP Chili

Published : 2008/10/03 17:13 | Category : (x)HTML , CSS , WordPress , プラグイン | Tags : , , , , ,

Firefox3.0

予定では、来春リリース予定らしいです。
Firefox3.0のJavaScript開発にはjQueryの開発者の一人でもある、「ジョン・レッシグ」氏も参加。

彼のコメントを見てみると、気になる事が。
Firefox3.0にはHTML5の対応タグもいくつか増えているみたいです。
まだ、実践では使えませんが、試しに使ってみるのもいいかもしれないですね!

Firefox3.0では、JavaScriptの実行速度は確実に速くなっているみたいです。

個人的に主力のブラウザなのでバージョンアップが楽しみです!!!

Published : 2008/01/25 15:30 | Category : Firefox | Tags : , , ,

Category

flower img