[B! JavaScript][CSS] kosiganのブックマーク

kosigan id:kosigan

JavaScriptとCSSに関するkosiganのブックマーク (3)

透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ
cssやプログラミングIEのバグはJSで IE6のPNG透過や6、7での角丸、ドロップシャドウを実装するjsライブラリのまとめです。同じ用途でもライブラリによって良し悪しだと思いますので、備忘録的にメモ。 IE6のPNG透過や6、7での角丸、ドロップシャドウを実装するjsライブラリのまとめです。同じ用途でもライブラリによって良し悪しだと思いますので、備忘録的にメモ。もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_b
kosigan 2010/05/25
CSS

JavaScript

jquery

まとめ
リンク
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
kosigan 2010/04/13
IE

CSS

javascript
リンク
CSSのrotationを使ったアナログ＆デジタル時計実装例:phpspot開発日誌
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation 次のような、CSSのrotationを使ったアナログ＆デジタル時計実装例が公開されています。 Flashっぽいのですが、Flashは一切使っていません。左のアナログ時計もいいのですが、右のデジタル時計も前後の分と秒が若干rotateされて表示されてるのがクールですね。こういうことも出来るんだ、ということで一度見ておいてもよさそうです。実装ですが、JavaScript によって次のようにCSSのrotateプロパティをsetIntervalで定期的にあてていってるだけのようです。 -webkit-transf orm: rotate(42deg); -moz-transf orm: rotate(42deg); このプロパティがなかったらかなり大変そうですが、こ
kosigan 2010/02/23
CSS

JavaScript

tips
リンク
1