HTML Imports - Web Components を構成する技術: Tender Surrender

2015/01/07 44 users Tender Surrender 技術

この記事は webcomponents.org の記事とのクロスポストです。 Template や Shadow DOM、Custom Elements を使うことで、機能ごとの UI コンポーネントが実現できるようになることはこれまでに説明してきました。しかし、それらを使ったコンポーネントの HTML、CSS、JavaScript を別々に呼び出すのは、非効率です。 依存関係の解決も容易ではあり... 続きを読む

HTML Importsで読み込まれたドキュメントからの相対パスを得る - Webtech Walker

2014/07/11 16 users Webtech Walker ドキュメント 相対パス 要素

x-sushiyukiというsushiyukiを表示するためのWebComponentsの要素を作ったんだけれども、importされたファイルからの相対パスでsushiyukiの画像パスを指定するのにちょっと苦戦した。 たとえば、 /index.html から以下のように x-sushiyuki.html を呼び出す。 <link rel="import" href="bower_componen... 続きを読む

Chromium Blog: Chrome 36 Beta: element.animate(), HTML Imports, and Object.observe()

2014/05/22 39 users Thursday Chromium Blog May 22

Chrome 36 Beta: element.animate(), HTML Imports, and Object.observe() Thursday, May 22, 2014 Today’s Chrome Beta channel release includes several new developer features to help you make richer, more c... 続きを読む

HTML Imports: ウェブのための #include - HTML5 Rocks

2014/05/20 121 users INCLUDE ウェブ HTML5 Rocks

Your browser may not support the functionality in this article. なぜ imports が必要なのか？ ウェブ上で様々なリソースを読み込みたいとします。JavaScript であれば <script src>、CSS なら <link rel="stylesheet">、画像なら <img>、動画なら <video>、音声なら <aud... 続きを読む