タグ

shadowdomに関するdonnie28064212のブックマーク (2)

  • スタイルガイドジェネレータ「Hologram」とShadow DOM

    スタイルガイドジェネレータ「Hologram」のテンプレートを作ろうとHTML/CSSを書き始めたのですが、どうもスタイルガイドのテンプレートのCSSと、スタイルガイドでドキュメント化しようとしているCSSが干渉し合い、良い感じにならない気がします。スタイルガイドのテンプレートの命名規則を工夫することで干渉はかなり押さえられると考えられますが、例えばスタイルガイドのテンプレートのCSSでNormalize.cssを使った場合はどうでしょうか。 SC5 Style Guide Generatorを見つける CSSの干渉について色々と思案している時、ふと「Shadow DOMでカプセル化できればいいのにな」と思い、おもむろに「styleguide shadowdom」でGoogle検索をしてみたところ、「SC5 Style Guide Generator」が見つかりました。デモを見たところ、確

  • Web Components/Polymerを軽く触ってみる | inkdesign

    Web ComponentsはWebのUIのコンポーネント化を実現するための各種仕様の総称です。 DOMとスタイルをカプセル化するShadow DOM、任意の要素または既存の要素を拡張するCustom Elements、それらをパッケージ化し再利用できるようにするためのHTML Importsを含みます。 マークアップをテンプレート化するHTML Templatesも含まれていたのですが、つい最近HTML仕様に組み込まれたようです。 ちなみにWeb Componentsについて調べていると、Decoratorsという仕様にふれていることもありますが、これのことは忘れていいいようです。 Web Componentsの仕様・仕組みについては、先日おこなわれたHTML5 Conferenceで、Shadow DOMのSpec Editorである夷藤さんのお話が実にわかりやすいとはおもうので、そち

  • 1