ginpeiのブックマーク / 2011年4月20日

ginpei id:ginpei

2011年4月20日のブックマーク (3件)

Range: createContextualFragment() method - Web APIs | MDN
Document Object ModelRangeConstructorRange()Instance propertiescollapsedcommonAncestorContainerendContainerendOffsetstartContainerstartOffsetInstance methodscloneContents()cloneRange()collapse()compareBoundaryPoints()compareNode() Non-standard Deprecated comparePoint()createContextualFragment() deleteContents()detach()extractContents()getBoundingClientRect()getClientRects()insertNode()intersectsNo
ginpei 2011/04/20
innerHTMLみたいにHTMLテキストから要素を生成するFirefoxのメソッド。生成するだけなので、別途appendChild()などで挿入する必要がある。innerHTMLより速いらしい。

javascript
リンク
insertAdjacentHTML
insertAdjacentHTML 解説エレメントの中の指定された位置に、指定されたHTMLテキストを挿入する。テキストにHTMLタグが含まれる場合には、テキストは解析されフォーマットされてタグにしたがって表示される。構文 object.insertAdjacentHTML(where, text)
ginpei 2011/04/20
innerHTMLみたいにHTMLテキストから要素を生成するIEのメソッド。要素内容だけでなく前後に挿入する事も出来る。こっちの方が速いらしい。

javascript

IE
リンク
SVG Girlの公開と内部実装 - KAYAC engineers' blog
乗り換え以外で初めてアメリカ行きました。ago（@kyo_ago）です。すでに先週のこととなってしまいましたが、jsdo.it上でSVG Girlというコンテンツを発表したのでご紹介させていただきます。（現在IE9のリリースに合わせて英語版のみ公開しています。日本語版は26日の日本語版IE9リリースにあわせて公開を予定しています） SVG Girlって？ SVG GirlはSVGを使ったアニメーション作品で、動画コンテンツの中身をすべてSVGのみで表現しています。先週開催されたMicrosoft主催のMIX11のキーノートでも発表され（00:08:40ぐらいからご覧いただけます）、大画面に表示されたアニメーションで会場をわかせました。 SVGって？ SVGはテキストで表現されたベクターデータで、XMLで線画情報を保持しています。ブラウザ上からは通常のDOM API経由で操作すること
ginpei 2011/04/20
innerHTMLより、createContextualFragment()やinsertAdjacentHTML()を使った方が速い、らしい。どちらも初耳。

javascript
リンク
- 2011年4月21日
- 2011年4月20日
- 2011年4月19日