タグ

JavaScriptとDIYに関するpaellaのブックマーク (2)

  • ソースコードの色づけを行う·Google Code Prettify MOONGIFT

    ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint

    ソースコードの色づけを行う·Google Code Prettify MOONGIFT
    paella
    paella 2009/01/28
    ソースコードのPrettyPrint。2ファイル読み込んでおくだけの便利さなので、これは使う。いつか使う。絶対使うと思う。
  • 聖剣風メニュー

    <script type="text/javascript" src="./prototype.js"></script> <script type="text/javascript" src="./RingMenu.js"></script> <script type="text/javascript"> //ロード時にメニューを追加 window.onload=function(){ ringMenu = new RingMenu(); //アイコンの追加 ringMenu.addMenu("http://angel.s234.xrea.com/pureplus/bnr_yagi1.png","http://angel.s234.xrea.com/pureplus/"); ringMenu.addMenu("http://homepage1.nifty.com/ARUMA-C/ar^b

    paella
    paella 2008/12/18
    画面上をダブルクリックすると某聖剣伝説風にアイコンが出てくるjavascriptサンプル。面白い!
  • 1