4月 16, 2012
androidのCSS3対応状況(未)

E ~ F(間接弟セレクタ)が効かない。



クソ。

12:48pm  |   URL: http://tmblr.co/ZVNHTyJmYBc1
登録カテゴリ:: css3 
3月 21, 2012
iframeにモノを突っ込むとき

var innerDoc, iframe = document.createElement(‘iframe’);

document.body.appendChild(iframe); //DOMに突っ込む

innerDoc = iframe.contentDocument;

innerDoc.open();

innerDoc.write(‘/*書き込むHTML*/’);

innerDoc.close();

入れ物作ってどっかに置いてからopenしてwriteしてclose

4:06am  |   URL: http://tmblr.co/ZVNHTyIKbwcL
登録カテゴリ:: javascript 
3月 4, 2012
横並びdl

dt, dd { display: inline; margin: 0; }

dd:after {
	content: '\A';
	white-space: pre;
}
http://lea.verou.me/2012/02/flexible-multiline-definition-lists-with-2-lines-of-css/

2月 25, 2012
"Sass を使おうが LESS を使おうが、カジュアルにセレクタを増やしてはいけないんである。セレクタは詩である。それぞれの表現は唯一無二の意味を持ち、代替は不能なのである。本当に妥当な範囲の要素に適用されるように注意深く書かなくてはいけない。DOMツリーを主体にしてだらだらとスタイルを当てるからそのようなことになるのである。デザインコンポーネントとそのスタイルを主体にして、それをどの要素に bind するか、という風に考えれば、セレクタというのはさながら DB のクエリのようなものであり、それを適当に書くなどありえないということが想像できるのである。"

via  @google+

https://plus.google.com/u/1/113100517422007103669/posts/VZCyNeRc7Ck

2月 23, 2012
[js_bench] test vs match

文字列検索は、testのが早い。(多分)

[js_bench] test vs match - jsdo.it - share JavaScript, HTML5 and CSS

8:49am  |   URL: http://tmblr.co/ZVNHTyGuXpEV
登録カテゴリ:: javascript 
2月 15, 2012
MutationEvent

Dom要素の変化などに対して呼ばれるイベント

コスト高

http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-eventgroupings-mutationevents

2:56am  |   URL: http://tmblr.co/ZVNHTyGS17TO
登録カテゴリ:: javascript 
2月 13, 2012
-webkit-animation-fill-mode

-webkit-animation-fill-mode : both;を指定するとアニメーション終了時も100%のスタイルを維持するのですが、Androidでは動作しません。

via. ro-R (http://blog.webcreativepark.net/2012/02/12-141313.html)

7:44pm  |   URL: http://tmblr.co/ZVNHTyGNsaOZ
登録カテゴリ:: css3 
2月 12, 2012
object-fit

img {

    height: 100px;

    width: 100px;

    object-fit: contain;

}

# value

contain

fit

cover

none

via. .netmagazine (http://www.netmagazine.com/tutorials/control-image-aspect-ratios-css3)

10:24am  |   URL: http://tmblr.co/ZVNHTyGIRg9M
登録カテゴリ:: css3 
2月 12, 2012
パララックス効果

BGとテキストのスクロールがずれるような視差効果のこと。

10:15am  |   URL: http://tmblr.co/ZVNHTyGIQBb2
登録カテゴリ:: dictionary 
2月 12, 2012
font-feature-settings

p#demo {

font-family: Gabriola, cursive;

font-size: 24pt;

-ms-font-feature-settings: “ss06” 1;

}

OpenTypeフォントのスタイルセットを使用するプロパティ

via. IEblog (http://blogs.msdn.com/b/ie_jp/archive/2012/02/02/10263114.aspx)

10:08am  |   URL: http://tmblr.co/ZVNHTyGIP6G3
登録カテゴリ:: css3 
Tumblrでのスキな投稿: スキな投稿をもっと見る »