✨ URLPattern — pattern matching, который мы ждали
Веб наконец-то получил удобный инструмент для сопоставления URL с шаблонами. Новый URLPattern API, уже доступен во всех основных браузерах, Node.js и Deno, позволяет элегантно проверять, парсить и валидировать ссылки, без боли и костылей с регулярками.
Читай статью, чтобы увидеть примеры кода, узнать о синтаксисе шаблонов и понять, как URLPattern упростит жизнь фронтенд и бэкенд-разработчикам.
👉 https://habr.com/ru/companies/tbank/articles/955984/
Веб наконец-то получил удобный инструмент для сопоставления URL с шаблонами. Новый URLPattern API, уже доступен во всех основных браузерах, Node.js и Deno, позволяет элегантно проверять, парсить и валидировать ссылки, без боли и костылей с регулярками.
Читай статью, чтобы увидеть примеры кода, узнать о синтаксисе шаблонов и понять, как URLPattern упростит жизнь фронтенд и бэкенд-разработчикам.
👉 https://habr.com/ru/companies/tbank/articles/955984/
👍7❤2🔥2
✨ Полное руководство по HTTP-кэшированию
Кэширование — одна из фундаментальных, но часто недооцененных технологий веба. Правильная настройка ускоряет сайты, снижает нагрузку и экономит бюджет, тогда как ошибки в конфигурации приводят к замедлению, лишним тратам и падениям под нагрузкой.
В статье разбираемся, как на самом деле работают заголовки Cache-Control, Expires и ETag, чем no-cache отличается от no-store и как директива s-maxage может спасти ваш CDN. Узнайте, как избежать распространенных ошибок и выстроить надежную стратегию кэширования.
👉 https://habr.com/ru/companies/timeweb/articles/954906/
Кэширование — одна из фундаментальных, но часто недооцененных технологий веба. Правильная настройка ускоряет сайты, снижает нагрузку и экономит бюджет, тогда как ошибки в конфигурации приводят к замедлению, лишним тратам и падениям под нагрузкой.
В статье разбираемся, как на самом деле работают заголовки Cache-Control, Expires и ETag, чем no-cache отличается от no-store и как директива s-maxage может спасти ваш CDN. Узнайте, как избежать распространенных ошибок и выстроить надежную стратегию кэширования.
👉 https://habr.com/ru/companies/timeweb/articles/954906/
👍7🔥2👏2❤1
✨ Самый большой секрет HTML: тег <output>
Все знают про <input>, но многие упускают его семантического партнера, тег <output>. Это нативный HTML-элемент для отображения результатов вычислений или действий пользователя, который решает важную задачу доступности: он по умолчанию сообщает скринридерам о динамическом обновлении своего содержимого.
Он сопоставим с role="status", а с помощью атрибута for его можно семантически связать с одним или несколькими полями ввода. Это идеальное решение для калькуляторов, значений слайдера или индикаторов надежности пароля, которое работает из коробки без дополнительных ARIA-атрибутов.
👉 https://habr.com/ru/articles/957618/
Все знают про <input>, но многие упускают его семантического партнера, тег <output>. Это нативный HTML-элемент для отображения результатов вычислений или действий пользователя, который решает важную задачу доступности: он по умолчанию сообщает скринридерам о динамическом обновлении своего содержимого.
Он сопоставим с role="status", а с помощью атрибута for его можно семантически связать с одним или несколькими полями ввода. Это идеальное решение для калькуляторов, значений слайдера или индикаторов надежности пароля, которое работает из коробки без дополнительных ARIA-атрибутов.
👉 https://habr.com/ru/articles/957618/
❤9👍4🤯1