home.social

#anchor — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #anchor, aggregated by home.social.

  1. Et si on combine ça avec l'API #css #anchor , POW POW POW !

    Et hop: une bonne palanquée de code en moins à écrire / maintenir !

    developer.mozilla.org/en-US/do

    #dev #web #css

  2. Et si on combine ça avec l'API #css #anchor , POW POW POW !

    Et hop: une bonne palanquée de code en moins à écrire / maintenir !

    developer.mozilla.org/en-US/do

    #dev #web #css

  3. Et si on combine ça avec l'API #css #anchor , POW POW POW !

    Et hop: une bonne palanquée de code en moins à écrire / maintenir !

    developer.mozilla.org/en-US/do

    #dev #web #css

  4. #MissKittyPolitics
    End #Homelessness
    Begin #Civilization
    If you have a movement with no #Mantra, time to get one if only for your own sake. It's an #Anchor in my mind with great meaning now soaked into it. I have said it thousands & thousands of times. It's meaning gets deeper. We can; we are. 🔦🔦🔦

  5. Getting started with anchor positioning. @joshwcomeau walks through the CSS Anchor Positioning API, which lets tooltips and dropdowns attach to a target element. He covers anchor-name, position-anchor, and position-area for placement, position-try-fallbacks to reposition when space runs out, and anchored container queries to flip carets. A flip-block keyword adds cross-browser support, with @​supports and a polyfill for older browsers. #css #anchor

    joshwcomeau.com/css/anchor-pos

  6. Getting started with anchor positioning. @joshwcomeau walks through the CSS Anchor Positioning API, which lets tooltips and dropdowns attach to a target element. He covers anchor-name, position-anchor, and position-area for placement, position-try-fallbacks to reposition when space runs out, and anchored container queries to flip carets. A flip-block keyword adds cross-browser support, with @​supports and a polyfill for older browsers. #css #anchor

    joshwcomeau.com/css/anchor-pos

  7. Getting started with anchor positioning. @joshwcomeau walks through the CSS Anchor Positioning API, which lets tooltips and dropdowns attach to a target element. He covers anchor-name, position-anchor, and position-area for placement, position-try-fallbacks to reposition when space runs out, and anchored container queries to flip carets. A flip-block keyword adds cross-browser support, with @​supports and a polyfill for older browsers. #css #anchor

    joshwcomeau.com/css/anchor-pos

  8. Getting started with anchor positioning. @joshwcomeau walks through the CSS Anchor Positioning API, which lets tooltips and dropdowns attach to a target element. He covers anchor-name, position-anchor, and position-area for placement, position-try-fallbacks to reposition when space runs out, and anchored container queries to flip carets. A flip-block keyword adds cross-browser support, with @​supports and a polyfill for older browsers. #css #anchor

    joshwcomeau.com/css/anchor-pos

  9. Getting started with anchor positioning. @joshwcomeau walks through the CSS Anchor Positioning API, which lets tooltips and dropdowns attach to a target element. He covers anchor-name, position-anchor, and position-area for placement, position-try-fallbacks to reposition when space runs out, and anchored container queries to flip carets. A flip-block keyword adds cross-browser support, with @​supports and a polyfill for older browsers. #css #anchor

    joshwcomeau.com/css/anchor-pos

  10. Введение в anchor positioning в CSS. Джош Комо разбирает Anchor Positioning API, который позволяет привязывать тултипы и списки к элементам. Он показывает anchor-name, position-anchor и position-area для размещения, position-try-fallbacks для перестановки, когда не хватает места, и запросы от контейнера, чтобы переворачивать указатели. Ключевое слово flip-block даёт кроссбраузерную поддержку, плюс @​supports и полифил для старых браузеров. #css #anchor

    joshwcomeau.com/css/anchor-pos

  11. Введение в anchor positioning в CSS. Джош Комо разбирает Anchor Positioning API, который позволяет привязывать тултипы и списки к элементам. Он показывает anchor-name, position-anchor и position-area для размещения, position-try-fallbacks для перестановки, когда не хватает места, и запросы от контейнера, чтобы переворачивать указатели. Ключевое слово flip-block даёт кроссбраузерную поддержку, плюс @​supports и полифил для старых браузеров. #css #anchor

    joshwcomeau.com/css/anchor-pos

  12. Введение в anchor positioning в CSS. Джош Комо разбирает Anchor Positioning API, который позволяет привязывать тултипы и списки к элементам. Он показывает anchor-name, position-anchor и position-area для размещения, position-try-fallbacks для перестановки, когда не хватает места, и запросы от контейнера, чтобы переворачивать указатели. Ключевое слово flip-block даёт кроссбраузерную поддержку, плюс @​supports и полифил для старых браузеров. #css #anchor

    joshwcomeau.com/css/anchor-pos

  13. Введение в anchor positioning в CSS. Джош Комо разбирает Anchor Positioning API, который позволяет привязывать тултипы и списки к элементам. Он показывает anchor-name, position-anchor и position-area для размещения, position-try-fallbacks для перестановки, когда не хватает места, и запросы от контейнера, чтобы переворачивать указатели. Ключевое слово flip-block даёт кроссбраузерную поддержку, плюс @​supports и полифил для старых браузеров. #css #anchor

    joshwcomeau.com/css/anchor-pos

  14. Введение в anchor positioning в CSS. Джош Комо разбирает Anchor Positioning API, который позволяет привязывать тултипы и списки к элементам. Он показывает anchor-name, position-anchor и position-area для размещения, position-try-fallbacks для перестановки, когда не хватает места, и запросы от контейнера, чтобы переворачивать указатели. Ключевое слово flip-block даёт кроссбраузерную поддержку, плюс @​supports и полифил для старых браузеров. #css #anchor

    joshwcomeau.com/css/anchor-pos

  15. The Goldilocks customizable select height. @jaffathecake tunes the customizable <select> picker with CSS anchor positioning so it never touches the viewport edges, never shrinks too small, and never grows too tall. He shows how calc-size() pairs intrinsic sizes like fit-content and stretch with min() limits, plus @​supports fallbacks for Firefox and Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  16. The Goldilocks customizable select height. @jaffathecake tunes the customizable <select> picker with CSS anchor positioning so it never touches the viewport edges, never shrinks too small, and never grows too tall. He shows how calc-size() pairs intrinsic sizes like fit-content and stretch with min() limits, plus @​supports fallbacks for Firefox and Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  17. The Goldilocks customizable select height. @jaffathecake tunes the customizable <select> picker with CSS anchor positioning so it never touches the viewport edges, never shrinks too small, and never grows too tall. He shows how calc-size() pairs intrinsic sizes like fit-content and stretch with min() limits, plus @​supports fallbacks for Firefox and Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  18. The Goldilocks customizable select height. @jaffathecake tunes the customizable <select> picker with CSS anchor positioning so it never touches the viewport edges, never shrinks too small, and never grows too tall. He shows how calc-size() pairs intrinsic sizes like fit-content and stretch with min() limits, plus @​supports fallbacks for Firefox and Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  19. The Goldilocks customizable select height. @jaffathecake tunes the customizable <select> picker with CSS anchor positioning so it never touches the viewport edges, never shrinks too small, and never grows too tall. He shows how calc-size() pairs intrinsic sizes like fit-content and stretch with min() limits, plus @​supports fallbacks for Firefox and Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  20. Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min(), плюс фолбеки через @​supports для Firefox и Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  21. Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min(), плюс фолбеки через @​supports для Firefox и Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  22. Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min(), плюс фолбеки через @​supports для Firefox и Safari. #css #anchor

    jakearchibald.com/2026/goldilo

  23. Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min(), плюс фолбеки через @​supports для Firefox и Safari. #css #anchor

    jakearchibald.com/2026/goldilo