Přejít k navigační liště

Zdroják » Zprávičky » Chrome umí zakotvit aneb anchor positioning

Chrome umí zakotvit aneb anchor positioning

Zprávičky Webdesign

V Chromu verze 125 najdete podporu Anchor Positioning (specifikace je ve stadiu návrhu). Umožní snadno a bez potřeby JavaScriptu napozicovat nějaký prvek přichycený (ukotvený) k jinému prvku. Použití najdete například pro rozbalovací menu anebo při vytváření pomocníka typu pan Sponka.

.positioned-notice {
    position-anchor: --anchor-el;
    /* absolutely position the positioned element */
    position: absolute;
    /* position the right of the positioned element at the right edge of the anchor */
    right: anchor(right);
    /* position the bottom of the positioned element at the top edge of the anchor */
    bottom: anchor(top);
}Code language: CSS (css)

Více se dočtete v Introducing the CSS anchor positioning API a Future CSS: Anchor Positioning.

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Most Voted

TypeScript 7 v Go: rychlejší buildy, chybějící API

Betaverze TypeScriptu 7.0 ukazuje víc než rychlejší tsc. Microsoft převádí kompilátor a jazykovou službu z původní kódové základny psané v TypeScriptu a běžící jako JavaScript do Go, přidává paralelní typovou kontrolu a připravuje novou editorovou část postavenou na LSP. Pro část nástrojů ale nepůjde o prostou výměnu binárky: TypeScript 7 zatím nemá stabilní náhradu dnešního Compiler API.

Prolog nezmizel. Jen dnes žije v jiných nástrojích

Prolog nezmizel. Jeho hlavní myšlenku dnes potkáváme v nástrojích, které se Prologu na první pohled nepodobají: v CodeQL pro analýzu kódu, v Rego pro policy-as-code, v Z3 pro práci s omezeními a v Leanu pro formální důkazy. Každý řeší jiný problém, ale všechny připomínají totéž: někdy je lepší popsat vztahy, pravidla, omezení nebo tvrzení než vrstvit další if.