0から100までの範囲の乱数を取得し、変数valに格納する。

/* 0から100の範囲 */
var val = Math.round( Math.random()*100 );

/* 1から100の範囲 */
var val = Math.ceil( Math.random()*100 );

/* 0から99の範囲 */
var val = Math.floor( Math.random()*100 );

Math.random関数で、0から1の範囲の不動小数点数のランダムな値を取得し、100を乗算して、Math.round関数で小数点第1位の値を四捨五入している。また、Math.ceil関数は小数点数を切り上げ（繰り上げ）、Math.floor関数は小数点数を切り捨てる（繰り下げる）。

対応ブラウザはInternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+と幅広いブラウザで利用可能。ライセンスはMITライセンスとのことでライセンスにしたがって無料で利用できます。実装もシンプルですので縦書きコンテンツがつくりた方は是非どうぞ。

竹取 JS


 

<a href="javascript:void(0);" onclick="action();">クリックしたら何か実行</a>

ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール

私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。
やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。

CSS編

• CSS Compressor
  圧縮度合いを4段階から選べる。どこをどう変えたか、ってログも出る。
• CSS Drive Gallery- CSS Compressor
  圧縮度合い3レベル＋コメントを残すかを選べる。でも、ソース内の日本語（フォント名やコメント）には対応してないのが致命的。。。
• Code Beautifier
  オプション項目が多く高機能。日本語もいけました。逆に、圧縮されたものを読みやすく戻すことも出来ます。
• Clean CSS – CSS Formatter and Optimiser
  上記Code Beautifierとほぼ同じような感じ。個人的にはこっちの方が見やすいかな。
• CSS Optimizer (CSS最適化ツール)
  日本語版。to-Rの西畑さんが公開してるツールといういところが個人的に◎

JavaScript（＆両方）編

• dean.edwards.name/packer/
  すごくシンプルなJavaScript圧縮ツール。
• Online JavaScript/CSS Compression Using YUI Compressor
  JSとCSS両方に対応してる。コードのコピペだけでなくファイルアップロードでもOK
• 追加 zbugs (beta)
  こちらもJS,CSS両方に対応。特色は、自分の書いたコードだけでなく、任意のサイトのURLを入れると圧縮されたファイルをDLできるという便利サイト。

Processingとは

John Resig - Processing.js

このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。

Processing とは、ビジュアルデザインのためのプログラミング言語で、 Java のような文法をしています。

ビジュアルデザインのためのプログラミング言語というと難しそうですが、実際はとても簡単です。

たとえば、以下の 2 行を書けば、丸が書けてしまいます。

size(200, 200);
ellipse(100, 100, 100, 100);

こちらのサイトに詳細がまとめてありました
http://d.hatena.ne.jp/amachang/20080509/1210355674
リファレンスはこちら
http://processingjs.org/reference/