タグ

ブックマーク / qiita.com/jtakiguchi (3)

  • Web Componentsとは何か? - Qiita

    Web componentsは、WebページやWebアプリケーションの中で新たに、再利用可能でカプセル化された独自のHTMLタグを作成するためのWebプラットフォームのAPIです。独自に作成したコンポーネントやウィジェットは、Web componentsの標準をベースに構築されているので、あらゆるモダンブラウザ上で動作するでしょう。また、HTMLと連動して動作するどんなJavascriptライブラリやフレームワークとも併用できます。 Web componentsは、既存のWeb標準をベースにしています。 Web componentsのサポート機能は現在HTMLやDOMの仕様に追加されており、Web開発者はカプセル化されたスタイリングとカスタムの動作を使い新たな要素で簡単にHTMLを拡張できます。 仕様 Webコンポーネントは、主に四つの仕様をベースにしています。: Custom Eleme

    Web Componentsとは何か? - Qiita
  • Polymer公式エレメントの紹介(iron-element編) - Qiita

    Polymerチームによって公式に提供されるCustom Elementsの一つiron-elemnetsについて公式ドキュメントの説明を抄訳し紹介します。 iron-elementとは アプリケーションを作成するための基的な構成要素です。iron elemmetsの多くは、PolymerがDeveloper Previewバージョンであった頃はcore elementsと呼ばれていたものです。 iron-a11y-announcer スクリーンリーダーを利用しテキストの読み上げをサポートするためのエレメント iron-a11y-announcerは、スクリーンリーダーを通じてオンデマンドの音声読み上げを必要とする機能に、a11yを追加するためのシングルトンのエレメントです。 音声読み上げを利用するには、アナウンスを行うエレメント内でアナウンスの利用可否を確認するのがよいでしょう。 DE

    Polymer公式エレメントの紹介(iron-element編) - Qiita
  • Polymer公式エレメントの紹介(app-element編) - Qiita

    Polymerチームによって公式に提供されるCustom Elementsの一つapp-elemnetsについて公式ドキュメントの説明を抜粋して紹介します。 app-layout アプリケーションのレイアウトの構築に便利なエレメントのコレクション 公式サイトのApptoolboxの解説にこれらのエレメントの画像付きの詳細な解説があります。実際にアプリケーションを作成する際は参考にしてください。 また、app-headerとapp-toolbarの各種オプションの実例については、以下のサイトが参考になります。 Test Drive DEMO & API app-box app-boxは各種スクロールエフェクトを備えたコンテナエレメントです。スクロールポジションに応じ視覚的なエフェクトが発生します。 app-drawer app-drawerは、画面の左右でスライドによって開閉されるドロワー型

    Polymer公式エレメントの紹介(app-element編) - Qiita
  • 1