Как под капотом устроен веб-тренажёр Яндекс.Практикума: Артём Несмиянов рассказал о реализации автоматической проверки фронтенд-задач прямо в браузере → https://habr.com/p/530268
Доступный размер текста: как реализовать масштабируемый под предпочтения пользователя интерфейс → https://css-tricks.com/accessible-font-sizing-explained/
Укрощаем хеши содержимого в Webpack 4: как в Financial Times боролись с вебпаком, чтобы реализовать переиспользование чанков с общим кодом между сервисами → https://www.matthinchliffe.dev/2020/06/03/taming-webpacks-content-hashes.html
Как мы распилили монолит: серия статей от фронтендеров Тинькофф Бизнеса.
1. Проблемы монолита
2. Frame Manager: оркестратор приложений
3. Frame Manager без фреймов
4. Как Angular между приложениями пошарили
1. Проблемы монолита
2. Frame Manager: оркестратор приложений
3. Frame Manager без фреймов
4. Как Angular между приложениями пошарили
HTTP/3 от А до Я: как устроена новая версия протокола HTTP, чем она отличается от HTTP/2 и в чём её преимущества? Исчерпывающий обзор Робина Маркса → https://www.smashingmagazine.com/2021/08/http3-core-concepts-part1/
Зачем и как разработчики Яндекс.Погоды перешли с REST на GraphQL → https://habr.com/p/565234/
accent-color, новое CSS-свойство для задания основного цвета нативных контролов форм → https://web.dev/accent-color/
Улучшаем отзывчивость полей ввода текста: Нолан Лоусон показывает, как избавиться от лагов при вводе текста с помощью requestIdleCallback → https://nolanlawson.com/2021/08/08/improving-responsiveness-in-text-inputs
Интерактивные лейблы на картах: Линзи Берри из Lyft делится UX-рекомендациями по размещению и оформлению лейблов → https://medium.com/tap-to-dismiss/tap-to-navigate-f8f21e16cad6
Как использовать CSS Shapes для создания контролов и навигационных меню с необычными формами → https://css-tricks.com/using-css-shapes-for-interesting-user-controls-and-navigation/
This media is not supported in your browser
VIEW IN TELEGRAM
Пишем двоичный сумматор в игре «Жизнь» на JavaScript: серия статей Саши Беспоясова.
1. Реализуем правила игры «Жизнь» и пишем модуль для рисования на canvas
2. Учимся генерировать сигналы и создаём логические схемы NOT, AND, OR и XOR
3. Реализуем двоичный полусумматор и полный сумматор, которые используем для создания калькулятора
1. Реализуем правила игры «Жизнь» и пишем модуль для рисования на canvas
2. Учимся генерировать сигналы и создаём логические схемы NOT, AND, OR и XOR
3. Реализуем двоичный полусумматор и полный сумматор, которые используем для создания калькулятора
Декодируем AVIF: глубокое погружение с котиками и imgproxy. Полина Гуртовая подробно рассказывает, как устроен новый формат изображений, почему он такой эффективный и как начать его использовать → https://evilmartians.com/chronicles/decoding-avif-deep-dive-with-cats-and-imgproxy
vConsole, встраиваемая консоль разработчика от Tencent для отладки в мобильных браузерах: реализует просмотр логов, сетевых запросов, DOM, хранилищ и cookies, позволяет выполнять кастомный JS и поддерживает плагины → https://github.com/Tencent/vConsole
Практические примеры использования математических функций в CSS: calc, clamp, min и max → https://moderncss.dev/practical-uses-of-css-math-functions-calc-clamp-min-max/
Как работает поисковый саджест на MDN: обзор деталей реализации на фронтенде → https://hacks.mozilla.org/2021/08/mdns-autocomplete-search/
Лучшие практики разработки форм оплаты и адреса доставки: от внешнего вида до неочевидных HTML-атрибутов, улучшающих UX → https://web.dev/payment-and-address-form-best-practices/
Быстрая доставка веб-приложений с паттерном PRPL: Эдди Османи с обзором архитектурного паттерна, позволяющего ускорить открытие роутов веб-приложения → https://addyosmani.com/blog/the-prpl-pattern/
Разбираемся со skip link: Татьяна Фокина объясняет, зачем сайтам нужна ссылка, ведущая к основному содержимому страницы, и как её правильно реализовать → https://tatiana-fokina-blog.ru/posts/understanding-a-skip-link/
Разрабатываем интерактивную диаграмму Ганта на чистом JavaScript: Анна Пренцель демонстрирует проектирование и разработку сложного веб-компонента с использованием CSS-гридов и JavaScript Proxy → https://www.smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/
Пишем наивный полифил для промиса: Андрей Мелихов объясняет принципы работы промисов на примере разработки полифила для них с нуля → https://youtu.be/1qyT-5MYIMk