はじめに この記事ではWeb Componentsを利用する準備のためにCustom Elementsを紹介する記事です。Web Componentsとは他のコードから独立して利用できる再利用可能なコンポーネント(要素)を指します。 Web Componentを利用するために必要な他の要素としてShadow DOM、HTML Templateについての記事も書きましたので併せてご覧ください。また、Web Components自体の実装はこちらの記事で行いました。 Custom Elementsとは Custom ElementsはJavaScriptに実装されたAPIの一つです。あらかじめ機能を定義した要素をHTMLの標準要素と同じように利用することができます。要素の名前はkebab-caseである必要があり、標準の要素との区別のために必ず2つ以上の単語で構成されている必要があります。 C
PCでAppleのサイトを表示した時のフッターメニュー (フッターサイトマップ) のように段組みして、なおかつ、画面サイズに応じて段の数を調整しつつ、内容の流し込みをする、columnsプロパティという非常に便利なCSSプロパティがあります。 しかし、実際に使ってみると、各ブラウザで意図したとおりに表示されない場合があって四苦八苦したので、意図したとおり表示される場合とされない場合を合わせてご紹介します。 各種プロパティの基礎知識 columnsプロパティは段組みを設定するプロパティで、段の数を設定するcolumn-countプロパティと、段の基準幅を設定するcolumn-widthプロパティを一括設定できるショートハンドプロパティです。 column-countプロパティとcolumn-widthプロパティを同時に設定すると、column-countプロパティは段の最大数を意味するように
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く