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ší Nejvíce hlasů

Cloudflare otevřel zdrojové kódy Cloudflare OS – platformy pro AI agenty, aplikace a firemní práci

AI
Komentáře: 0
Cloudflare otevřel zdrojové kódy Cloudflare OS – platformy, kterou si přes rok testoval sám na sobě a která má dát každému zaměstnanci ve firmě AI agenta rozumějícího interním systémům, procesům a datům. Klíčové na celém řešení není samotné psaní kódu agentem, ale bezpečnostní model postavený na nulovém výchozím přístupu a takzvaných Gatekeeperech, které hlídají nejen to, jaká data agent smí číst, ale i kam se dál mohou dostat.

Pamatujete na počítadlo návštěv? Malá archeologie čísla, které web ukazoval sám o sobě

Tento web navštívilo 1 247 lidí.“ Blikající číslice ve stylu tachometru, logo TOPlistu pod patičkou, návštěvní kniha o dvě řádky níž. Devadesátá léta a začátek nultých nechávaly návštěvnost viset přímo na stránce – veřejně, pro každého. Dnes je stejné číslo schované v administraci, pod přihlášením a za souhlasem s cookies. Co se vlastně stalo mezi tím?