だぶだぶノート

Skype5.10がWindows Updateに対応していたらしい。 Read_On

実験室のインデックスファイルがロールバックしてる。
｡･ﾟ･(ﾉД`)･ﾟ･｡

WebアプリにおけるMVC考察。 Read_On

質問のjQueryとは関係ないので、直接投稿は避けました。

Stringを拡張するのも自己矛盾する気がする（昔はスーパークラス自身を拡張するのを嫌っていた）のですが、、、
結構楽だったりするので。。。

String.prototype.times=function(n){
  var s=this;
  var result='';
  while(n--){result+=s;}
  return result;
};

alert( 'hello'.times(3) ); //hellohellohello
$(xxx).prepend('<div></div>'.times(3));

元ネタ：jQueryのprependで回数指定。
http://okwave.jp/qa/q7636673.html

https://groups.google.com/forum/?hl=ja&fromgroups#!topic/html5-developers-jp/Ofo14sHr4N4

Safari6のCSSサポートの件で。

Mountain Lion + Safari6での動作ムービーです。

[jwplayer player=”1″ mediaid=”1061″]

ダウンロードはこちら
2012-0801-rotate

だぶチルトのゲームがSafari6で動かなくなっているわけですが、
どうやらSafari6で、3D関連のCSSが動かなくなった模様。

https://twitter.com/openspc/status/230114570373566465?uid=59377436&iid=am-133564127713436985638109830&nid=27+232
openspcの古籏さんにちょっと聞いてみたのですが、動く場合もあるとの事。

これについて、ちょっと調べてみました。

—-動作しない例—-


<style>
#container {
position: absolute;
top: 83px;
left: 0px;
height: 100px;
width: 200px;
/* -webkit-transform-style: preserve-3d;*/
-webkit-perspective: 480;
-webkit-transform: rotateY(180deg);
}
</style>
<div id="container">
<p>あいうえお</p>
</div>


なにか、perspectiveを指定したものと、transformを指定したものが同じものの場合は、要素が消えるらしいです。

—-動作する例—-


<style>
#container {
position: absolute;
top: 83px;
left: 0px;
height: 100px;
width: 200px;
/* -webkit-transform-style: preserve-3d;*/
-webkit-perspective: 480;
}
#container p{
-webkit-transform: rotateY(180deg);
}
</style>
<div id="container">
<p>あいうえお</p>
</div>


なお、transform-style:preserve-3d;を指定すると、要素が消えるようです。