Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min() , плюс фолбеки через @supports для Firefox и Safari. #css #anchor https://jakearchibald.com/2026/goldilocks-select-height/
ВеВеб-стандарты
Ежедневные новости и события фронтенда от сообщества веб-разработчиков. Редакторы новостей @pepelsbey и @dark_mefody.
КатегорияTechnologyЯзыкRUДобавлен06 июл. 2026 г.КачествоПроверен
Подписчики10.9K
Сред. просмотры174.6K
ERR31.6%
Цена-- RUB
Цена / подписчик--
Цена / просмотр--
Метрики обновлены: 06 июл. 2026 г.
Последние посты
00:01:07 Новинки Chrome 150 00:55:44 Элемент usermedia 01:05:25 Подписка на Baseline 01:13:37 Safari MCP 01:25:51 Figma Config 2026
Выпуск №534. Полина Гуртовая и Никита Дубко про новинки Chrome 150, элемент <usermedia> , подписку на Baseline, Safari MCP и Figma Config 2026. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте
Представлен MCP-сервер Safari для веб-разработчиков. Сарон Йитбарек рассказывает о новом Model Context Protocol сервере, который позволяет ИИ-агентам видеть, как код рендерится в Safari. Он доступен в Safari Technology Preview 247 и даёт агентам доступ к DOM-элементам, сетевым запросам, скриншотам и консоли через 16 встроенных инструментов. Всё работает локально, без отправки данных в Apple. #safari #ai https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/
Новинки Chrome 150. AccentColor и AccentColorText дают установленным приложениям доступ к системному акцентному цвету. Функция polygon() получила скругление углов, а zoom стал анимируемым. В CSS url() появились модификаторы cross-origin() , integrity() и referrer-policy() . Новое свойство text-fit подгоняет размер шрифта под ширину контейнера, background-clip: border-area упрощает градиентные рамки, а методы прокрутки возвращают промисы. #chrome #browser https://developer.chrome.com/release-notes/150