ひらい ぶらり Hi-Library

ぷろぐらみんぐについて。ときどきどうでもいいことについて。

css

XULでdiplayを使うとき

FireFoxのアドオンとかでXULに対して hoge { display: none; } を使う場合の注意。 noneは良いけど、他の値はうまく動かない。使う場合は hoge { display: -moz-box; } を使う。visibilityの時はcollapseにしておけば問題ないらしい。参考:http://piro.saku…

外部CSSで設定した値やクラスで指定したCSSをJavaScriptで取得する

element.style.* で取得できるのはインラインCSSだけ。 function getStyle(element, style) { if(!/*@cc_on!@*/false) { var cs = document.defaultView.getComputedStyle(element, null); var value = cs.getPropertyValue (style); return value; } else {…

と思ったら「DebugBar」なるものもありました

Debeloper Toolbarに比べると、機能はすくないもののIEのDOM解析できるツールは他にもあったみたいです。 「DebugBar」というものです。http://www.debugbar.com/download.php 全体的に機能はやはりDebeloper Toolbarに劣るものの、JavaScriptの解析はこちら…

IEでCSSやらJavaScriptを解析する「Developer Toolbar」

ブラウザでのCSSやJavaScriptの解析の定番と言えば「Fire bug」ですね。 IEやSafari、OperaではJavaScript版の「Fire bug lite」なんかが定番ですね。 しかし「Developer Toolbar」なんてMicrosoftが出してる純正のツールがあるみたいです。とりあえずCSSや…

CSS3のアニメーション

どうやら下手にJavaScriptを使うよりも、CSS3のアニメーションを使ったほうが軽快な動作をするようです。 しかしよくよく調べてみると、i4Uは1JavaScriptで作成されている。 そこまで違いはないようです。 結局もっさりしてしまう原因は実際にブラウザ上で表…

CSS3のアニメーション

css

CSS3ではアニメーションの設定までできちゃうらしいですね。 しかし正式に勧告されているわけではないので、Web-kit系つまりSafariでしかどうさしません。 以前ちらっとCSSだけでアコーディオンメニューを作るみたいな記事があったので、それと連動してさら…

iPhoneだと使えるCSS3

css

2010年だかに勧告される予定のCSS3。 現在の所、FireFox,Opera,Safariが対応しているものの、ゲイツブラウザでは対応していないためいまいち使いどころにかけるCSS3。しかしiPhoneじゃどうせsafariしか使えないので、がんがん使えます。 そんなiPhoneスキー…