11月5日に米大統領選の投開票日を控え全米で緊張感が高まるなか、米連邦議会議事堂前に突如として「うんちが乗った机」の彫刻が出現した。2020年の大統領選後、選挙結果を覆そうと暴徒が起こした21年1月の連邦議会議事堂占拠事件への皮肉を込めた期間限定のアート作品だ。彫刻は事件当時、下院議長だった民主党のナンシー・ペロシ氏の机がモチーフになっている。説明書きには「この記念碑は2021年1月6日に米連
Intro ここまで解説した仕様を踏まえ、いくつかの代表的なユースケースの実装について考えていく。 あくまで仕様の組み合わせ方についての解説であり、実装そのものの推奨ではない。 また、ここで紹介する仕様はまだ変更の可能性があり、かつ実装も揃っていないものがある点に注意 Tooltip 今回は、 Menu の実装を考えてみる。 GitHub でいうとこの部分だ。 元となるボタンによって表示され、このボタンからの相対位置で調整されるため Anchor Positioning を活用することになる。非常に良くある実装パターンだ。 HTML の仕様にも、類似の実装が Example として掲載されている。 6.12 The popover attribute https://html.spec.whatwg.org/multipage/popover.html#the-popover-attrib
Intro ここまで解説した仕様を踏まえ、いくつかの代表的なユースケースの実装について考えていく。 あくまで仕様の組み合わせ方についての解説であり、実装そのものの推奨ではない。 また、ここで紹介する仕様はまだ変更の可能性があり、かつ実装も揃っていないものがある点に注意 Toast 次は、 Popover の源流にもなった、画面端にメッセージを表示するいわゆる Toast UI について考えてみる。想定するのは以下のようなものだ。 メッセージの性質によって、色やアイコンのスタイルを変えられ、同時に複数積み上げて表示できるといった仕様が一般的だ。 HTML 基本は <div popover> となる。また、複数のメッセージがあった場合に、他のが表示されても消えないよう、 manual を指定する。 <div popover="manual"> </div> もし内容のレイアウトで Flex や
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く