For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Современные решения старых задач на CSS. Серия статей Стефани Эклз о применении современных возможностей CSS для решения распространённых задач вёрстки → https://moderncss.dev
Open Prioritization, экспериментальная инициатива по краудфандингу разработки браузерных фич → https://www.igalia.com/open-prioritization/

Это уникальная для сообщества разработчиков возможность повлиять на приоритеты разработки браузерных фич. Обычно приоритеты определяются владельцами браузеров.
Управление зависимостями в JavaScript. Серия статей Славы Фомина из DomClick обо всех аспектах работы с зависимостями, от установки до аудита безопасности и дедупликации → https://habr.com/p/509440
This media is not supported in your browser
VIEW IN TELEGRAM
uvu, тест-раннер для Node.js и браузеров с упором на скорость работы и легковесность → https://github.com/lukeed/uvu
TSDX, набор инструментов для продуктивной разработки библиотек на TypeScript без необходимости настройки инфраструктуры → https://tsdx.io/
Официальный вводный курс по Node.js → https://nodejs.dev/learn
Индексируем офлайн-страницы с помощью Content Indexing API: введение в новый API, позволяющий сообщить браузеру о страницах, которые можно читать в офлайне → https://web.dev/content-indexing-api/
Dependency Injection простыми словами: Андрей Мелихов рассказывает, что такое внедрение зависимостей и для чего оно нужно → https://youtu.be/u6gAVCEJjQ4
This media is not supported in your browser
VIEW IN TELEGRAM
Физика реалистичных spring-анимаций: Максим Хекель объясняет, как устроены spring-анимации как во Framer, какие в них применяются законы физики и какие параметры влияют на поведение анимаций → https://blog.maximeheckel.com/posts/the-physics-behind-spring-animations
Словарь CSS: визуализация принятых в CSS терминов вроде селекторов и комбинаторов → http://apps.workflower.fi/vocabs/css/en
Объ­яс­не­ние клю­че­вых слов initial, inherit, unset и revert в CSS: Элад Шехтер в переводе Алексея Бузмакова → https://web-standards.ru/articles/inherit-initial-unset-revert/
Выбираем зависимости в JavaScript. Слава Фомин из DomClick рассказывает, по каким критериям стоит выбирать зависимости и как не допустить из-за них хаоса в проекте → https://habr.com/p/512154/
Современные техники CSS для улучшения читаемости текста: Эдуардо Кавацца делится практическими приёмами, основанными на лучших практиках типографики → https://www.smashingmagazine.com/2020/07/css-techniques-legibility/
What the fuck is ...? Дэн Абрамов простыми словами объясняет computer science термины для фронтендеров → https://whatthefuck.is

Уже объяснены замыкание, динамическая диспетчеризация и мемоизация.
Простое объяснение делегирования событий: Дмитрий Павлутин объясняет, на чём основан один из базовых паттернов работы с DOM-событиями → https://dmitripavlutin.com/javascript-event-delegation/
This media is not supported in your browser
VIEW IN TELEGRAM
Как работает CORS: наглядное объяснение с анимированными примерами → https://dev.to/lydiahallie/cs-visualized-cors-5b8h
Как мы нарисовали на карте несколько тысяч интерактивных объектов без вреда для перформанса: Дарья Саенко из Авито делится опытом реализации нового поиска по карте → https://habr.com/p/512146
postcss-100vh-fix, PostCSS-плагин от Андрея Ситника для автоматического исправления неправильного вычисления 100vh в мобильном Safari → https://github.com/postcss/postcss-100vh-fix
Алгоритмы и структуры данных, которые применяются в работе в крупных технологических компаниях: обзор инженера, работавшего в Uber, Skyscanner и Skype → https://blog.pragmaticengineer.com/data-structures-and-algorithms-i-actually-used-day-to-day/
Учитываем микроразметку на этапе дизайна: Фредерик О’Брайен рассказывает, как заложить основу для красивых сниппетов сайта в поисковой выдаче → https://www.smashingmagazine.com/2020/04/structured-data-design-process/