Вышел Yarn 3: более простая миграция с любой из старых версий (Yarn 1 и 2), отказ от Node.js 10, улучшения производительности и другие изменения → https://dev.to/arcanis/yarn-3-0-performances-esbuild-better-patches-e07
Size: a a a
2021 July 30
2021 August 01
Пишем простой чат на WebSocket и Node.js: Андрей Мелихов на практике знакомит с основами вебсокетов → https://youtu.be/uAMt7cDV7lU
Наводим порядок в истории git: обзор практических приёмов переименования, реорганизации и дополнения коммитов для приведения истории в удобочитаемый вид → https://blog.sulami.xyz/posts/cleaning-up-git-history/
2021 August 03
Укрощаем режимы наложения: как в целом устроены режимы наложения в CSS, как работают конкретные режимы difference и exclusion, как их можно применить на практике. Подробный разбор Аны Тюдор в переводе Ильи Стрельцына → https://css-live.ru/tricks/ukroshhaem-rezhimy-nalozheniya-difference-i-exclusion.html
2021 August 06
Создание доступного и удобного автокомплита для десктопов и мобильных: инженеры Adobe подробно рассказали о деталях реализации сложного UI-компонента → https://react-spectrum.adobe.com/blog/building-a-combobox.html
Отладка утечек памяти: Джейк Арчибальд и Александр Сурма на реальном примере демонстрируют подходы и инструменты для поиска утечек памяти → https://youtu.be/YDU_3WdfkxA
2021 August 07
Управление фокусом в интерфейсе Slack: инженеры Slack поделились деталями работы механизма навигации с клавиатуры в приложении → https://slack.engineering/managing-focus-transitions-in-slack/
Виртуальный скролл: Виктор Карпов с нуля реализует на React подход, позволяющий отображать таблицы с тысячами строк без негативного влияния на быстродействие → https://youtu.be/D7EphjNEDI4
2021 August 08
Как под капотом устроен веб-тренажёр Яндекс.Практикума: Артём Несмиянов рассказал о реализации автоматической проверки фронтенд-задач прямо в браузере → https://habr.com/p/530268
Доступный размер текста: как реализовать масштабируемый под предпочтения пользователя интерфейс → https://css-tricks.com/accessible-font-sizing-explained/
2021 August 09
Укрощаем хеши содержимого в 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 между приложениями пошарили
2021 August 10
HTTP/3 от А до Я: как устроена новая версия протокола HTTP, чем она отличается от HTTP/2 и в чём её преимущества? Исчерпывающий обзор Робина Маркса → https://www.smashingmagazine.com/2021/08/http3-core-concepts-part1/
Зачем и как разработчики Яндекс.Погоды перешли с REST на GraphQL → https://habr.com/p/565234/
2021 August 12
accent-color, новое CSS-свойство для задания основного цвета нативных контролов форм → https://web.dev/accent-color/
2021 August 13
Улучшаем отзывчивость полей ввода текста: Нолан Лоусон показывает, как избавиться от лагов при вводе текста с помощью requestIdleCallback → https://nolanlawson.com/2021/08/08/improving-responsiveness-in-text-inputs
Интерактивные лейблы на картах: Линзи Берри из Lyft делится UX-рекомендациями по размещению и оформлению лейблов → https://medium.com/tap-to-dismiss/tap-to-navigate-f8f21e16cad6
2021 August 14
Как использовать CSS Shapes для создания контролов и навигационных меню с необычными формами → https://css-tricks.com/using-css-shapes-for-interesting-user-controls-and-navigation/
2021 August 15
Пишем двоичный сумматор в игре «Жизнь» на JavaScript: серия статей Саши Беспоясова.
1. Реализуем правила игры «Жизнь» и пишем модуль для рисования на canvas
2. Учимся генерировать сигналы и создаём логические схемы NOT, AND, OR и XOR
3. Реализуем двоичный полусумматор и полный сумматор, которые используем для создания калькулятора
1. Реализуем правила игры «Жизнь» и пишем модуль для рисования на canvas
2. Учимся генерировать сигналы и создаём логические схемы NOT, AND, OR и XOR
3. Реализуем двоичный полусумматор и полный сумматор, которые используем для создания калькулятора
2021 August 16
Декодируем AVIF: глубокое погружение с котиками и imgproxy. Полина Гуртовая подробно рассказывает, как устроен новый формат изображений, почему он такой эффективный и как начать его использовать → https://evilmartians.com/chronicles/decoding-avif-deep-dive-with-cats-and-imgproxy