帰りのバスの中で外を見ていたときに思いついた一発ネタ。http://jsdo.it/gct256/qYXW
昨日jsdo.itに置いたやつをもうちょっと発展しやすいようにいじってたら、結局全然別物になったので、別途上げた。http://jsdo.it/gct256/8brV左下のリンクでアニメーションする。 animation 1 ランダムな色と座標に移動 animation 2 立方体の面にそうような…
http://jsdo.it/gct256/iJD6コードをもうちょっと整理しないと発展しづらい。明日の昼休みにやろう。
http://hi-hat.jp/KEM.js/ http://code.google.com/p/kem/実際に使ってみて足りない点とかを追加した。 KEM.IS_IE6 - IE6の判別 グレード2であるIE6だけれども、position:fixedに対応していなかったり、32bit PNGに対応していなかったりで、特別視しなければ…
説明 http://hi-hat.jp/KEM.js/ 配布 http://code.google.com/p/kem/ ブラウザのグレードチェッカー http://hi-hat.jp/KEM.js/demo/browser_check.html QuickieTestによるテスト http://hi-hat.jp/KEM.js/test/runner.html YUI Compressorは関数中に@cc_onが…
体調を崩して間があいたものの、なんとかKEM.js向けのテストをだいたい作り終わった。並行して実装もしていたので、とりあえずテストが通る版ができたところ。現時点で、8677バイト（YUI Compressorで圧縮して5645バイト）なので、圧縮後4096バイト以内くら…
昔のファイルを整理していたらでてきたので載せておく。http://hi-hat.jp/ColorCube/↓こんな感じのキューブをマウスで回せるだけのもの。アフターバーナーのタイトル画面っぽく丸だけで3Dっぽい描画を試してたのと、色の表現方法（表色系？）を調べてたんだ…
誰が使うんだという感じもするけど、画像から半透明画像を生成するpythonスクリプトを作ったので載せておく。要PIL。 import sys import PIL.Image def clamp255(x): return max(0, min(255, int(x))) def get_alpha(b, w): alpha = (255 - w[0] + b[0]) / 2…
定数*1 KEM.REVISION リビジョン番号 KEM.RELEASE_DATE リリース日 KEM.GRADE ブラウザのグレード KEM.IS_IE IEかどうか ブラウザのグレードについては、ブラウザ判別関数に書いた通り。KEM.IS_IEがあるのはIEだけ違う処理を行う、ということが多そうなので…
KEM.jsに入れるべき関数を選定する。込み入った処理などはjQueryにやらせればいい（jQueryが使えない環境では込み入った処理はやらない）ので、jQueryを使うまでもないような処理ができれば。例えば、画像のロールオーバー処理なんかはいちいちjQueryを使う…
WebKitnの判別 SafariとChromeについてはWebKitのバージョン番号をself.navigator.userAgentから抽出して判別する（AppleWebKit/XXXのXXXの部分）。Chrome 1.0は2008-12-12、Safari 3.0.4が2007-10-26なので、Safari 3.0.4のWebKitバージョン以降であれば2、…
昨日の調査を受けて、判別用の関数を作る。 目標 こんな感じの数値を返す関数にする。 Firefox 2.0以降なら2、それ以外は1 Safari 3.04以降なら2、それ以外は1 Opera 9.25以降なら2、8以降なら1、8未満なら0 IE 6.0以降なら2、5.0以降なら1、4.0以前なら0 Ma…
配布元で提示されている情報と、対応していないブラウザで使った場合にどうなるかを調べてみた。 prototype.js (1.6.1) http://www.prototypejs.org/download によるとこんな感じ。 Firefox 1.5以降 IE 6.0以降 Safari 2.0.4以降 Chrome 1.0以降 Opera 9.25…
JSUnitが古いブラウザで動かない雰囲気だったので、動くようなものを作ってみました。QuickieTest http://code.google.com/p/kem/wiki/QuickieTest無駄にNetscape4とかでも動くつもりです。
Objectのダンプをするわけではないのであんまり役にはたたないです。 デフォルトの色付けはとても刺激的ですが、CSSで制御できます。 配布元 http://code.google.com/p/kem/ 説明 http://code.google.com/p/kem/wiki/ColorfulDump 表示サンプル http://hi-ha…
makeするとテンプレートからファイルをつくったり、make zipで公開用のZIPを作ったりするものを作ってみた。KEM - http://code.google.com/p/kem/ KEM_project - http://code.google.com/p/kem/wiki/KemProject
リセット用のCSSはいっぱいあるけれども、気に入ったものがないので作った。以下特徴。 フォーム関係はいじらない 日本語フォントの指定付き メイリオとか IPAフォント、Takao Fontsとか なるべく多くのブラウザを考慮 Microsoft Office入りのMacでMS PGothi…
Safari 4の正式版が出た。Safari 3から4にバージョンアップしない理由はあんまりないけれども、一応3を残しておきたい。システムに異常が発生する可能性があるので、以下自己責任で。なお、Mac OS X 10.5(Leopard)以外は未検証。
ひさびさにphpの作業が入ってきたので、Mac上にテスト環境を整えることにした。 そういえば、以前php4の作業とphp5の作業を同時進行していたときがあって、そのときバージョンの違いに翻弄された記憶がある。どうにか共存させられないものかといろいろ設定し…
運良く宮城スタジアムの「SkyView Lounge（スカイビューラウンジ）」をとれたので、出費は痛いけれども行ってきた。座席からの見晴らしはこんな感じ。
4月はいろいろと忙しくて間が開いてしまった。カラーマネジメントの仕組み自体はだいたいわかったつもりになったので、gimpのカラーマネジメントの設定を整備して、ちゃんと使えるようにしたい。
前回、スナップショットを撮るときに一つ困った事があった。MacではCommand+Shift+4で任意の範囲のスナップショットを撮って、pngファイルを作成する事ができる(なお、古いバージョンのMac OS XだとPDFになったりする。また、表にはない設定をいじることで別…
HTMLで画像を表示する場合。サイズが 200x100ピクセルの画像を表示したい場合はこんな感じに書く。 <img src="./foo.png" alt="Foo" width="200" height="100" /> width/height属性に別の値を指定すると、画像をリサイズして表示させる事ができる。例えばサムネール表示なんかに利用できる。 <img src="./foo.png" alt="Foo" width="100" height="50" /> <img src="./foo.png" alt="Foo" width="100" /> しかし、ブラウザでのリサ…
ずいぶん前だけどSafari 4 Betaが公開された。いろいろな機能が追加され動作も高速になっているけれど、英語版のみの提供だし、ベータ版なので通常は3を使ったり使わせたりしたい。でも、検証作業なんかは3と4の両方でやりたいので、なんとかして共存させた…
飽きっぽいのでいろいろつまみぐいしながら書いていきます。
